:root {
  --font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius-sm: 6px;
  --radius: 10px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --container: 1200px;
  --nav-h: 64px;
  --ease: cubic-bezier(.22,.61,.36,1);
}

html[data-theme="dark"] {
  --bg: #0a0f1a;
  --bg-elev: #111827;
  --bg-elev-2: #1a2233;
  --fg: #e6edf6;
  --fg-muted: #97a3b8;
  --fg-dim: #5b6680;
  --accent: #00ffa3;
  --accent-2: #38bdf8;
  --accent-soft: rgba(0,255,163,.12);
  --border: #1f2738;
  --border-strong: #2a3346;
  --danger: #ff5d6c;
  --success: #00ffa3;
  --warn: #ffd166;
  --shadow: 0 10px 30px rgba(0,0,0,.35);
  --shadow-lg: 0 24px 60px rgba(0,0,0,.5);
  --nav-bg: rgba(10,15,26,.72);
  --code-bg: #0d1322;
  --hero-grid: rgba(56,189,248,.06);
  color-scheme: dark;
}

html[data-theme="light"] {
  --bg: #ffffff;
  --bg-elev: #f6f8fb;
  --bg-elev-2: #eef2f7;
  --fg: #0b1220;
  --fg-muted: #4b5563;
  --fg-dim: #94a3b8;
  --accent: #4f46e5;
  --accent-2: #0ea5e9;
  --accent-soft: rgba(79,70,229,.10);
  --border: #e4e8ee;
  --border-strong: #cbd5e1;
  --danger: #dc2626;
  --success: #059669;
  --warn: #d97706;
  --shadow: 0 8px 24px rgba(15,23,42,.08);
  --shadow-lg: 0 18px 50px rgba(15,23,42,.14);
  --nav-bg: rgba(255,255,255,.78);
  --code-bg: #f1f5f9;
  --hero-grid: rgba(79,70,229,.07);
  color-scheme: light;
}