:root {
  --primary: #863bff;
  --secondary: #00E5A0;
  --bg: #FFFFFF;
  --surface: #F8FAFC;
  --text: #0F172A;
  --text-muted: #64748B;
  --border: #eee;
  --border-subtle: #f0f0f0;
  --card-bg: #FFFFFF;
  --code-bg: rgba(134,59,255,0.08);
  --nav-bg: rgba(255,255,255,0.85);
  --radius: 12px;
  --font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0c0e14;
    --surface: #12151e;
    --text: #e2e8f0;
    --text-muted: #8b95a5;
    --border: rgba(255,255,255,0.08);
    --border-subtle: rgba(255,255,255,0.05);
    --card-bg: #161922;
    --code-bg: rgba(134,59,255,0.15);
    --nav-bg: rgba(12,14,20,0.85);
  }
}

[data-theme="dark"] {
  --bg: #0c0e14;
  --surface: #12151e;
  --text: #e2e8f0;
  --text-muted: #8b95a5;
  --border: rgba(255,255,255,0.08);
  --border-subtle: rgba(255,255,255,0.05);
  --card-bg: #161922;
  --code-bg: rgba(134,59,255,0.15);
  --nav-bg: rgba(12,14,20,0.85);
}