/* Corbel theme for LibreChat (Lumin8 Chat)
 * Loaded after the app bundle, so these :root / .dark declarations win.
 * LibreChat colors are RGB triplets used as rgb(var(--x) / alpha). Keep that format.
 * Palette: ink #0B0F19, off-white #F4F5F0, lime #C6F135, muted #8A93A6 (dark) / #4B5563 (light).
 */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  /* Neutral scale, retinted toward ink. Light mode uses the top of the scale,
   * dark mode the bottom; both modes read these same tokens. */
  --white:    244 245 240;   /* off-white canvas */
  --gray-20:  236 238 231;
  --gray-50:  236 238 231;
  --gray-100: 227 230 221;
  --gray-200: 213 217 207;
  --gray-300: 191 197 186;
  --gray-400: 138 147 166;   /* muted text, dark */
  --gray-500:  75  85  99;   /* muted text, light */
  --gray-600:  46  55  71;
  --gray-650:  37  45  60;
  --gray-700:  31  38  52;
  --gray-800:  21  27  39;
  --gray-850:  16  21  31;
  --gray-875:  14  18  25;
  --gray-900:  11  15  25;   /* ink */

  /* Accent: lime for primary actions. Lime on off-white needs ink foreground,
   * so light mode uses a deeper lime for anything with white-on-accent text. */
  --green-500: 198 241 53;
  --green-600: 180 222 40;
  --green-700: 120 160 20;   /* light-mode submit */
  --green-800: 100 136 16;
  --brand-purple: 120 160 20;

  --theme-font-family: Manrope, Inter, system-ui, sans-serif;
}

.dark {
  --brand-purple: 198 241 53;
  --surface-submit: 198 241 53;
  --surface-submit-hover: 180 222 40;
  --text-muted: 138 147 166;
}

:root:not(.dark) {
  --text-muted: 75 85 99;
}

html, body, #root {
  font-family: Manrope, Inter, system-ui, sans-serif;
}
h1, h2, h3 { font-weight: 800; letter-spacing: -0.01em; }

/* Send button. Upstream styles it bg-text-primary with an inverted-color icon
 * (packages/client/src/utils/composer.ts, id="send-button"); it never reads
 * --surface-submit, so it is targeted directly. Lime with an ink glyph, both modes. */
#send-button { background-color: rgb(198 241 53) !important; }
#send-button svg { color: rgb(11 15 25) !important; }
#send-button:hover:not(:disabled) { background-color: rgb(180 222 40) !important; }