/* ============================================================
   c-ai.chat — Design tokens (2026 editorial redesign)
   Single source of truth for color, radius, spacing, header.
   Warm independent-editorial foundation + cyan secondary accent.
   Light values from the redesign spec; dark values contrast-tested
   for WCAG AA on their paired surfaces.
   ============================================================ */
:root{
  /* surfaces */
  --cai-bg:#FCFBF8;
  --cai-surface:#FFFFFF;
  --cai-surface-warm:#F5F1E8;
  --cai-surface-cool:#EEF7F8;
  --cai-elevated:#FFFFFF;
  --cai-dark-panel:#0B1220;

  /* text */
  --cai-ink:#101827;      /* headings */
  --cai-text:#253142;     /* body */
  --cai-muted:#52606D;    /* meta / captions (AA on --cai-bg) */

  /* lines */
  --cai-border:#DED8CF;
  --cai-border-strong:#C9C1B4;

  /* accent (teal — safe for white text & small text) */
  --cai-accent:#0E7490;
  --cai-accent-hover:#155E75;
  --cai-accent-soft:#E8F7FA;
  --cai-cyan:#07B6D5;     /* DECORATIVE ONLY — never white text on it, never small text */

  /* semantic */
  --cai-focus:#0E7490;
  --cai-error:#B91C1C;
  --cai-success:#15803D;
  --cai-warning:#B45309;

  /* radius */
  --cai-radius-sm:8px;
  --cai-radius-md:12px;
  --cai-radius-lg:16px;

  /* spacing scale (8px base) */
  --cai-s1:4px; --cai-s2:8px; --cai-s3:12px; --cai-s4:16px; --cai-s5:24px;
  --cai-s6:32px; --cai-s7:48px; --cai-s8:64px; --cai-s9:80px; --cai-s10:96px;

  /* header */
  --cai-header-h:74px;
  --cai-header-h-mobile:62px;

  /* fonts (already self-hosted) */
  --cai-font-sans:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
  --cai-font-serif:'Source Serif 4',Georgia,'Times New Roman',serif;
  --cai-font-mono:'JetBrains Mono',ui-monospace,'SFMono-Regular',Menlo,monospace;
}

html[data-theme="dark"]{
  --cai-bg:#0E1420;
  --cai-surface:#161E2E;
  --cai-surface-warm:#1B2436;
  --cai-surface-cool:#152530;
  --cai-elevated:#1C2537;
  --cai-dark-panel:#0B1220;

  --cai-ink:#F4F6FB;
  --cai-text:#D6DEEA;      /* AA on dark surfaces */
  --cai-muted:#A7B4C6;     /* raised from failing #64748B (was 3.89:1) */

  --cai-border:#2A3547;
  --cai-border-strong:#3A4761;

  --cai-accent:#22B8CF;    /* brighter teal for dark */
  --cai-accent-hover:#4CCAD9;
  --cai-accent-soft:#12303A;
  --cai-cyan:#07B6D5;

  --cai-focus:#4CCAD9;
  --cai-error:#F87171;     /* replaces #B91C1C which failed on dark */
  --cai-success:#4ADE80;
  --cai-warning:#FBBF24;
}