:root {
  --bg: #0d0f14;
  --bg-alt: #12151c;
  --bg-elevated: #171a22;
  --border: #262a36;
  --text: #eef0f6;
  --text-soft: #9ea3b8;
  --text-faint: #8a90a5;
  --accent: #5eead4;
  --accent-2: #a78bfa;
  --accent-soft: rgba(94, 234, 212, 0.1);
  --info-text: #5eead4;
  --on-accent: #0d0f14;
  --success: #22c55e;
  --danger-text: #f87171;
  --shadow-sm: 0 1px 2px rgba(0,0,0,.3);
  --shadow-md: 0 8px 24px rgba(0,0,0,.35);
  --shadow-lg: 0 24px 56px rgba(0,0,0,.5);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 24px;
  --font-body: "Inter", system-ui, -apple-system, sans-serif;
  --font-display: "Sora", var(--font-body);
  --font-mono: "Fira Code", ui-monospace, monospace;
}
:root[data-theme="light"] {
  --bg: #fbfbfd; --bg-alt: #f2f3f8; --bg-elevated: #ffffff; --border: #e5e7f0;
  --text: #10121a; --text-soft: #4d5162; --text-faint: #70768c;
  --accent: #0d9488; --accent-2: #6d28d9; --accent-soft: rgba(13, 148, 136, 0.1);
  --info-text: #0a7268;
  --on-accent: #0d0f14;
  --success: #16a34a;
  --danger-text: #b71f1f;
  --shadow-sm: 0 1px 2px rgba(15,15,30,.06); --shadow-md: 0 8px 24px rgba(15,15,30,.08); --shadow-lg: 0 24px 56px rgba(15,15,30,.14);
}
@media (prefers-color-scheme: light) {
  :root:not([data-theme="dark"]) {
    --bg: #fbfbfd; --bg-alt: #f2f3f8; --bg-elevated: #ffffff; --border: #e5e7f0;
    --text: #10121a; --text-soft: #4d5162; --text-faint: #70768c;
    --accent: #0d9488; --accent-2: #6d28d9; --accent-soft: rgba(13, 148, 136, 0.1);
    --info-text: #0a7268;
    --on-accent: #0d0f14;
    --success: #16a34a;
    --danger-text: #b71f1f;
    --shadow-sm: 0 1px 2px rgba(15,15,30,.06); --shadow-md: 0 8px 24px rgba(15,15,30,.08); --shadow-lg: 0 24px 56px rgba(15,15,30,.14);
  }
}