:root {
  color-scheme: dark;
  --bg: #0b0f14;
  --surface: #111827;
  --card: #171e2b;
  --elevated: #1d2635;
  --border: #2b3648;
  --text: #f3f6fc;
  --muted: #a6b0c0;
  --blue: #3b82f6;
  --cyan: #22d3ee;
  --green: #34d399;
  --violet: #a78bfa;
  --amber: #fbbf24;
  --red: #f87171;
  --radius: 18px;
  --shadow: 0 16px 40px rgb(0 0 0 / 18%);
  --space-1: .35rem;
  --space-2: .65rem;
  --space-3: 1rem;
  --space-4: 1.35rem;
  --space-5: 1.8rem;
  --space-6: 2.4rem;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}