:root {
  --bg: #0d0d12;
  --bg-2: #13131a;
  --bg-3: #1a1a25;
  --surface: rgba(255,255,255,0.04);
  --surface-h: rgba(255,255,255,0.08);
  --border: rgba(255,255,255,0.08);
  --border-h: rgba(255,255,255,0.16);
  --text: #e8e8f0;
  --text-2: #9999b0;
  --text-3: #666680;
  --accent: #7c3aed;
  --accent-2: #5b21b6;
  --accent-rgb: 124,58,237;
  --green: #10b981;
  --red: #ef4444;
  --yellow: #f59e0b;
  --radius: 12px;
  --radius-lg: 20px;
  --radius-sm: 8px;
  --shadow: 0 4px 24px rgba(0,0,0,.4);
  --shadow-lg: 0 8px 48px rgba(0,0,0,.6);
  --font: 'Inter',system-ui,-apple-system,sans-serif;
  --mono: 'JetBrains Mono','Fira Code',monospace;
  --transition: 0.2s cubic-bezier(0.4,0,0.2,1);
  --nav-h: 64px;
}

[data-theme="light"] {
  --bg: #f8f8fc;
  --bg-2: #ffffff;
  --bg-3: #f0f0f8;
  --surface: rgba(0,0,0,0.04);
  --surface-h: rgba(0,0,0,0.08);
  --border: rgba(0,0,0,0.08);
  --border-h: rgba(0,0,0,0.16);
  --text: #111118;
  --text-2: #55556a;
  --text-3: #88889a;
  --shadow: 0 4px 24px rgba(0,0,0,.12);
  --shadow-lg: 0 8px 48px rgba(0,0,0,.18);
}