@layer base {
  :root {
    --void-bg: #05010d;
    --void-surface: rgba(14, 10, 24, 0.88);

    --void-primary: #7b2bff;
    --void-primary-soft: #b97cff;
    --void-accent: #00f3ff;
    --void-gold: #ffb347;

    --void-text: #f3ecff;
    --void-text-muted: #b9acd9;

    --radius-card: 22px;
    --radius-panel: 28px;

    --shadow-void:
      0 0 40px rgba(123, 43, 255, .22);

    --blur-panel: 18px;

    --space-xs: 6px;
    --space-sm: 12px;
    --space-md: 18px;
    --space-lg: 28px;
    --space-xl: 42px;

    --font-title: "Cinzel", serif;
    --font-ui: "Inter", system-ui, sans-serif;
  }
}