:root {
  --magic-bg: #06010f;
  --magic-panel: rgba(16, 9, 32, 0.8);
  --magic-panel-border: rgba(168, 85, 247, 0.2);
  --magic-text: #f9f8ff;
  --magic-muted: rgba(249, 248, 255, 0.64);
  --magic-primary: #a855f7;
  --magic-secondary: #38bdf8;
  --magic-accent: #f472b6;
  --magic-glow: rgba(104, 58, 183, 0.4);
  --magic-glass: rgba(255, 255, 255, 0.04);
  --magic-border: rgba(255, 255, 255, 0.08);
  --magic-font: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --magic-display: "Unbounded", "Space Grotesk", sans-serif;
  --magic-shadow: 0 20px 80px rgba(0, 0, 0, 0.55);
  --magic-radius: 24px;
}