/* connev-tokens.css — the ONLY literal-bearing stylesheet in this surface.
 *
 * Issue #276 / feature design D2: the 26 `--connev-*` design tokens of epic
 * #286 are re-declared here because the #287 declaration lives in a different
 * git repository (librechat/client/src/style.css) and is compiled into the
 * React bundle, so it can never be linked or imported from this static site.
 * Parity with that file is a review obligation (manual checklist AC10); the
 * committed fixture scripts/test/fixtures/connev-tokens.expected.txt pins this
 * file against later unreviewed edits.
 *
 * Every other file under site/public/ references these tokens through var()
 * only and carries no literal color, font-family, or radius value.
 *
 * The @font-face blocks precede :root deliberately: they are the second class
 * of literal this file is permitted to carry (src: url(...)), and keeping them
 * first keeps each face's declaration block self-contained.
 */

@font-face {
  font-family: 'Pretendard Variable';
  src: url('./fonts/PretendardVariable.woff2') format('woff2-variations');
  font-weight: 45 920;
  font-style: normal;
  /* swap: first paint uses system-ui (the second entry of --connev-font-body)
   * and the 2.06 MB unsubsetted variable face swaps in on arrival, so the
   * body face is never render-blocking. Subsetting is a named follow-up. */
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./fonts/jetbrains-mono-latin-400-normal.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'JetBrains Mono';
  src: url('./fonts/jetbrains-mono-latin-700-normal.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --connev-bg-base: #171614;
  --connev-bg-chat: #161514;
  --connev-bg-surface: #1E1D1A;
  --connev-bg-surface-alt: #1B1A18;
  --connev-bg-raised: #242220;
  --connev-bg-raised-alt: #2A2825;
  --connev-border: rgba(235, 231, 223, 0.08);
  --connev-border-strong: rgba(235, 231, 223, 0.14);
  --connev-text-primary: #F7F4EE;
  --connev-text-primary-alt: #EAE6DE;
  --connev-text-secondary: rgba(235, 231, 223, 0.5);
  --connev-text-secondary-strong: rgba(235, 231, 223, 0.65);
  --connev-accent: #F5B841;
  --connev-on-accent: #1C1B17;
  --connev-success: #4ADE80;
  --connev-critical: #F87171;
  --connev-model-claude: #F5B841;
  --connev-model-openai: #7DD3FC;
  --connev-model-gemini: #A7F3D0;
  --connev-font-body: 'Pretendard Variable', system-ui, sans-serif;
  --connev-font-mono: 'JetBrains Mono', 'Roboto Mono', 'Pretendard Variable', monospace;
  --connev-radius-card: 10px;
  --connev-radius-card-lg: 14px;
  --connev-radius-button: 6px;
  --connev-radius-button-lg: 8px;
  --connev-radius-chip: 99px;
}