/* ---------- Design tokens ---------- */
:root {
  --bg: #0A0E1A;
  --surface: #0D1220;
  --surface-2: #121A2B;
  --line: #1C2333;
  --line-strong: #2A3654;

  --text-primary: #F5F7FA;
  --text-secondary: #9AA5B1;
  --text-muted: #7488A0;
  --text-faint: #7488A0;

  --accent: #FF4E33;
  --accent-2: #FF8C42;

  --signal: #3DD68C;

  /* Syntax, for code panels. */
  --tok-kw: #FF8C42;
  --tok-str: #3DD68C;
  --tok-fn: #8B7BFF;
  --tok-num: #4FD1C5;
  --tok-comment: #5B6B7D;
  --tok-err: #FF4E33;

  --font-display: 'Sora', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  --radius: 6px;
  --container: 760px;
  --section-gap: clamp(44px, 5vw, 64px);
  --nav-h: 56px;
}