/* Lionel — Basalt & Alpine theme overlay for stock LibreChat.
 *
 * The whole UI is token-driven: surfaces/text/borders resolve to a shared neutral ramp
 * (var(--gray-50 … --gray-950)) and a couple of named accents (--brand-purple, the green
 * --surface-submit). So recoloring the chrome is just: cool-tint the ramp toward basalt +
 * point the accent at alpine. This file is loaded AFTER the app stylesheet (via the index.html
 * overlay), so it wins the cascade; !important on the shared ramp makes the override hold
 * regardless of whether a token is defined under :root or .dark.
 *
 * REVERT = drop the two compose mounts (lionel-brand.css + index.html) and recreate api.
 */
:root,
.dark,
html.dark {
  /* Cool basalt-tinted neutral ramp. Luminance order is preserved (50 lightest → 950 darkest),
     only the hue shifts cool — so every contrast ratio LibreChat relies on still holds. */
  --gray-50:  #ECEFF1 !important;
  --gray-100: #DDE3E7 !important; /* ink — primary text in dark mode */
  --gray-200: #CFD6DB !important;
  --gray-300: #B4BCC3 !important; /* secondary text (dark) */
  --gray-400: #8B959D !important;
  --gray-500: #6C7882 !important; /* tertiary text / muted */
  --gray-600: #3B454D !important; /* hover (dark) */
  --gray-700: #2C343B !important; /* tertiary surface / header */
  --gray-800: #232A30 !important; /* secondary surface — wet stone */
  --gray-850: #1B2026 !important; /* dialog / primary-alt */
  --gray-900: #15181C !important; /* primary surface — basalt ground */
  --gray-950: #0E1114 !important;

  /* Alpine accent — replaces LibreChat purple and the green send button. */
  --brand-purple:         #3E7CA8 !important;
  --surface-submit:       #3E7CA8 !important;
  --surface-submit-hover: #356C92 !important;
}