:root {
  --bg0: #05030a; --bg1: #12061f; --bg2: #1a0b2e;
  --p: #8b5cf6; --p2: #a855f7; --glow: #c084fc; --p3: #6d28d9; --p4: #4c1d95;
  --text: #f5f3ff; --muted: #a79bc4;
  --card: rgba(26, 11, 46, .55); --card-solid: #1a0b2e;
  --border: rgba(168, 85, 247, .28);
  --shadow: 0 0 0 1px rgba(168, 85, 247, .12), 0 20px 60px -20px rgba(139, 92, 246, .45);
  --glow-sh: 0 0 28px rgba(168, 85, 247, .55);
  --body-bg: radial-gradient(ellipse 90% 60% at 50% 0%, #1a0b2e 0%, #12061f 45%, #05030a 100%);
  --nav-bg: rgba(10, 5, 20, .6);
  --on-p: #fff;
  --font-h: 'Space Grotesk', 'Syne', system-ui, sans-serif;
  --font-b: 'Inter', system-ui, sans-serif;
  --font-m: 'JetBrains Mono', ui-monospace, monospace;
  --ease: cubic-bezier(.2, .8, .2, 1);
}
[data-theme="light"] {
  --bg0: #ffffff; --bg1: #f3eeff; --bg2: #e9ddff;
  --p: #7c3aed; --p2: #9333ea; --glow: #a855f7; --p3: #6d28d9; --p4: #4c1d95;
  --text: #1a0b2e; --muted: #5b4a7e;
  --card: rgba(255, 255, 255, .62); --card-solid: #ffffff;
  --border: rgba(124, 58, 237, .26);
  --shadow: 0 0 0 1px rgba(124, 58, 237, .08), 0 20px 50px -20px rgba(124, 58, 237, .35);
  --glow-sh: 0 0 24px rgba(147, 51, 234, .35);
  --body-bg: radial-gradient(ellipse 80% 50% at 50% 0%, #e9ddff 0%, rgba(243, 238, 255, 0) 70%), linear-gradient(180deg, #ffffff 0%, #f3eeff 50%, #e9ddff 100%);
  --nav-bg: rgba(255, 255, 255, .65);
}