/* Lain OS look for LibreChat: the dashboard's palette (ink #03030b, panels #070b18 / #0d1426,
   accent #6aa8ff, button gradient #3d7bff -> #7db8ff) and the Outfit font. Variables hold bare
   "R G B" triplets, as LibreChat's Tailwind theme expects. Applied to light and dark alike:
   the chat is always dark, like the site. */
html,
html.dark,
.dark {
  --theme-font-family: 'Outfit', ui-sans-serif, system-ui, sans-serif;

  --presentation: 13 20 38;
  --text-primary: 236 240 248;
  --text-secondary: 170 180 200;
  --text-secondary-alt: 140 152 176;
  --text-tertiary: 120 132 156;
  --text-muted: 140 152 176;
  --text-inverted: 3 3 11;
  --link: 106 168 255;
  --link-hover: 125 184 255;

  --accent-primary: 106 168 255;
  --accent-primary-hover: 125 184 255;
  --brand-purple: 106 168 255;

  --header-primary: 7 11 24;
  --header-hover: 19 28 51;
  --header-button-hover: 19 28 51;

  --surface-primary: 3 3 11;
  --surface-primary-alt: 7 11 24;
  --surface-primary-contrast: 7 11 24;
  --surface-secondary: 7 11 24;
  --surface-secondary-alt: 13 20 38;
  --surface-tertiary: 13 20 38;
  --surface-tertiary-alt: 19 28 51;
  --surface-dialog: 7 11 24;
  --surface-chat: 13 20 38;
  --surface-code: 13 20 38;
  --surface-hover: 19 28 51;
  --surface-hover-alt: 26 36 64;
  --surface-active: 32 46 80;
  --surface-active-alt: 26 36 64;
  --surface-composer-hover: 19 28 51;
  --surface-submit: 61 123 255;
  --surface-submit-hover: 45 104 230;
  --surface-inverted: 106 168 255;
  --surface-inverted-hover: 125 184 255;

  --border-light: 22 35 59;
  --border-medium: 32 50 82;
  --border-medium-alt: 32 50 82;
  --border-heavy: 45 70 110;
  --border-xheavy: 70 105 160;

  --switch-unchecked: 45 70 110;
}

html,
body,
#root {
  background-color: #03030b;
}

body {
  font-family: var(--theme-font-family);
}

/* The send button and other primary actions get the site's gradient. */
button[data-testid='send-button']:not(:disabled),
.btn-primary {
  background-image: linear-gradient(90deg, #3d7bff, #7db8ff);
  color: #03030b;
}

::selection {
  background: rgb(106 168 255 / 0.35);
}