/* Design tokens — source of truth from DESIGN.md */
:root {
  /* Light surfaces */
  --bg: #FFFFFF;
  --surface: #F6F8FA;
  --text: #1F2328;
  --muted: #656D76;
  --accent: #4A55A2;
  --border: #D1D9E0;

  /* Dark surfaces (hero, code blocks) */
  --hero-bg: #0D1117;
  --hero-surface: #161B22;
  --hero-text: #F0F6FC;
  --hero-muted: #8B949E;
  --hero-border: #30363D;
  --code-bg: #1B1F23;
  --code-text: #E6EDF3;

  /* Semantic */
  --success: #3FB950;
  --success-bg: #DAFBE1;
  --success-border: #3FB950;
  --success-text: #1A7F37;
  --warning: #D4A72C;
  --warning-bg: #FFF8C5;
  --warning-text: #7D6507;
  --error: #F85149;
  --error-bg: #FFEBE9;

  /* Typography */
  --font-body: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-code: 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace;

  /* Radius */
  --radius-sm: 4px;
  --radius: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;
  --space-3xl: 64px;
}