/* === Design Tokens === */
:root {
  --bg-primary: #0a0a0b;
  --bg-secondary: #111113;
  --bg-card: #16161a;
  --bg-code: #0d0d10;
  --border-subtle: rgba(255,255,255,0.06);
  --border-card: rgba(255,255,255,0.08);
  --text-primary: #ededef;
  --text-secondary: #9b9ba3;
  --text-tertiary: #6b6b75;
  --accent: #38bdf8;
  --accent-glow: rgba(56, 189, 248, 0.12);
  --accent-subtle: rgba(56, 189, 248, 0.08);
  --green: #3dd68c;
  --green-subtle: rgba(61, 214, 140, 0.1);
  --yellow: #f5d90a;
  --purple: #8b5cf6;
  --purple-subtle: rgba(139, 92, 246, 0.1);
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --font-sans: 'Outfit', system-ui, -apple-system, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;
  --max-width: 1100px;
}