/* ═══════════════════════════════════════════
   DESIGN TOKENS — Colors, spacing, typography
   ═══════════════════════════════════════════ */
:root {
  --bg: #0d0d0d;
  --sidebar: #111111;
  --surface: #1a1a1a;
  --surface2: #222222;
  --surface3: #2a2a2a;
  --border: rgba(255,255,255,0.08);
  --border2: rgba(255,255,255,0.14);
  --text: #e8e8e8;
  --text-muted: #888;
  --text-dim: #444;
  --accent: #00d4aa;
  --accent2: #00ffcc;
  --accent-dim: rgba(0,212,170,0.12);
  --accent-border: rgba(0,212,170,0.3);
  --font: 'Instrument Sans', sans-serif;
  --mono: 'JetBrains Mono', monospace;
  --red: #ff6b6b;
  --blue: #60a5fa;
  --purple: #a78bfa;
  --yellow: #fbbf24;
}