html {
  --presentation: #ffffff;
  --text-primary: #111820;
  --text-secondary: #708393;
  --text-secondary-alt: #708393;
  --text-tertiary: #8d9aa4;
  --text-warning: #f78d46;
  --ring-primary: #023047;
  --header-primary: #ffffff;
  --header-hover: #f2f2f2;
  --header-button-hover: #f2f2f2;
  --surface-active: #e7eaed;
  --surface-active-alt: #e7eaed;
  --surface-hover: #f6f7f8;
  --surface-hover-alt: #eef1f3;
  --surface-primary: #eeeded;
  --surface-primary-alt: #f7f7f7;
  --surface-primary-contrast: #e3e6e8;
  --surface-secondary: #f3f4f6;
  --surface-secondary-alt: #eef1f3;
  --surface-tertiary: #e7eaed;
  --surface-tertiary-alt: #ffffff;
  --surface-dialog: #ffffff;
  --surface-submit: #023047;
  --surface-submit-hover: #01283c;
  --surface-destructive: #f03d3e;
  --surface-destructive-hover: #d53536;
  --surface-chat: #eeeded;
  --border-light: #e0e4e7;
  --border-medium-alt: #d6dde1;
  --border-medium: #c8d0d6;
  --border-heavy: #a7b5c0;
  --border-xheavy: #708393;
  --background: 0 3% 93%;
  --foreground: 212 31% 10%;
  --card: 0 0% 100%;
  --card-foreground: 212 31% 10%;
  --primary: 200 95% 14%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 96%;
  --secondary-foreground: 212 31% 10%;
  --muted: 210 10% 90%;
  --muted-foreground: 207 14% 51%;
  --accent: 0 0% 96%;
  --accent-foreground: 212 31% 10%;
  --destructive: 360 86% 59%;
  --destructive-foreground: 0 0% 100%;
  --border: 210 8% 87%;
  --input: 0 0% 96%;
  --ring: 200 95% 14%;
  --switch-unchecked: 207 14% 51%;
}

html.dark {
  --presentation: #111820;
  --text-primary: #eeeded;
  --text-secondary: #b6c0c6;
  --text-secondary-alt: #b6c0c6;
  --text-tertiary: #9aa7b0;
  --text-warning: #f78d46;
  --ring-primary: #2fcccc;
  --header-primary: #111820;
  --header-hover: #162330;
  --header-button-hover: #162330;
  --surface-active: #162330;
  --surface-active-alt: #162330;
  --surface-hover: #1c2a36;
  --surface-hover-alt: #1c2a36;
  --surface-primary: #111820;
  --surface-primary-alt: #142230;
  --surface-primary-contrast: #1b2a38;
  --surface-secondary: #142230;
  --surface-secondary-alt: #1b2a38;
  --surface-tertiary: #1b2a38;
  --surface-tertiary-alt: #111820;
  --surface-dialog: #142230;
  --surface-submit: #17bc52;
  --surface-submit-hover: #13a246;
  --surface-destructive: #f03d3e;
  --surface-destructive-hover: #d53536;
  --surface-chat: #0f1b25;
  --border-light: #1e2c39;
  --border-medium-alt: #253545;
  --border-medium: #253545;
  --border-heavy: #33475a;
  --border-xheavy: #3a5266;
  --background: 212 31% 10%;
  --foreground: 0 3% 93%;
  --card: 212 25% 12%;
  --card-foreground: 0 3% 93%;
  --primary: 0 3% 93%;
  --primary-foreground: 212 31% 10%;
  --secondary: 210 18% 20%;
  --secondary-foreground: 0 3% 93%;
  --muted: 210 18% 18%;
  --muted-foreground: 207 14% 70%;
  --accent: 210 18% 20%;
  --accent-foreground: 0 3% 93%;
  --destructive: 360 86% 59%;
  --destructive-foreground: 0 0% 100%;
  --border: 210 18% 24%;
  --input: 210 18% 22%;
  --ring: 180 63% 49%;
  --switch-unchecked: 207 14% 51%;
}

.ais-brand-footer {
  position: fixed;
  left: 50%;
  bottom: 16px;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.02em;
  color: hsl(var(--muted-foreground));
  z-index: 60;
  pointer-events: none;
}

.ais-brand-footer img {
  height: 16px;
  width: auto;
  display: block;
  opacity: 0.95;
}

.ais-logo-light {
  display: block !important;
}

.ais-logo-dark {
  display: none !important;
}

@media (prefers-color-scheme: dark) {
  .ais-logo-light {
    display: none !important;
  }
  .ais-logo-dark {
    display: block !important;
  }
}

html.dark .ais-logo-light {
  display: none !important;
}

html.dark .ais-logo-dark {
  display: block !important;
}

.fjord-welcome-hero {
  display: flex;
  justify-content: center;
  margin-bottom: 0;
}

.fjord-welcome-hero img {
  width: 72px;
  height: 72px;
  object-fit: contain;
}

.fjord-welcome-block {
  position: fixed;
  left: 50%;
  top: 38%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 14px;
  z-index: 80;
  pointer-events: none;
}

.fjord-welcome-text {
  font-size: 22px;
  font-weight: 600;
  color: var(--text-primary) !important;
  display: flex;
  align-items: center;
  gap: 8px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.12);
}

@media (max-width: 640px) {
  .fjord-welcome-block {
    top: 32%;
    flex-direction: column;
    gap: 10px;
  }
}

.fjord-welcome-logo {
  width: 28px;
  height: 28px;
  margin-right: 8px;
  display: inline-block;
  object-fit: contain;
}

@media (max-width: 640px) {
  .ais-brand-footer {
    display: none;
  }
}

/* Hide the built-in LibreChat footer/version strip. */
div[role="contentinfo"].absolute.bottom-0.left-0.right-0 {
  display: none !important;
}

/* Match left nav background to right panel background. */
[data-testid="nav"] {
  background-color: hsl(var(--background)) !important;
}