/* Design tokens — the single source of truth for color, radius, and type.
   Every other stylesheet references these variables, never raw values. */
:root {
  --bg: #0f1115;
  --surface: #171a21;
  --surface-2: #1e222b;
  --border: #2a2f3a;
  --text: #e6e9ef;
  --text-dim: #9aa4b2;
  --text-faint: #6b7482;
  --accent: #34d399;
  --accent-ink: #052e20;
  --danger: #f87171;
  --info: #38bdf8;
  --radius: 12px;
  --mono: ui-monospace, SFMono-Regular, Menlo, monospace;
  --sans: system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}