:root {
  --beatori-bg: #0a0e1a;
  --beatori-bg-deep: #0a0e1a;
  --beatori-surface-low: #0d1220;
  --beatori-surface: #111729;
  --beatori-surface-high: #161d33;
  --beatori-surface-highest: #1b2440;
  --beatori-surface-glass: rgba(17, 23, 41, 0.96);
  --beatori-surface-glass-strong: rgba(17, 23, 41, 0.98);
  --beatori-surface-soft: rgba(255, 255, 255, 0.031);
  --beatori-surface-softer: rgba(255, 255, 255, 0.02);
  --beatori-border: rgba(255, 255, 255, 0.122);
  --beatori-border-soft: rgba(255, 255, 255, 0.078);
  --beatori-border-strong: rgba(168, 85, 247, 0.6);
  --beatori-text: #ffffff;
  --beatori-text-secondary: #b8bcc8;
  --beatori-text-muted: #6b7280;
  --beatori-text-soft: #b8bcc8;
  --beatori-text-dim: #6b7280;
  --beatori-primary: #a855f7;
  --beatori-primary-strong: var(--purple-300);
  --beatori-primary-muted: #c4b5fd;
  --beatori-primary-ink: #ffffff;
  --beatori-secondary: #c4b5fd;
  --beatori-tertiary: #ddd6fe;
  --beatori-tertiary-deep: #c4b5fd;
  --beatori-quaternary: #ef4444;
  --beatori-success: #22c55e;
  --beatori-warning: #fbbf24;
  --beatori-danger: #ef4444;
  --beatori-grade-sss: #fbbf24;
  --beatori-grade-ss: #fbbf24;
  --beatori-grade-s: #fbbf24;
  --beatori-grade-a: #ffffff;
  --beatori-grade-b: #22c55e;
  --beatori-grade-c: #34d399;
  --beatori-grade-d: #f97316;
  --beatori-grade-fail: #ef4444;
  --beatori-font-display: "Space Grotesk", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --beatori-font-body: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --beatori-radius-xs: 2px;
  --beatori-radius-sm: 8px;
  --beatori-radius-md: 12px;
  --beatori-radius-lg: 16px;
  --beatori-radius-pill: 999px;
  --beatori-outline-width: 1.5px;
  --beatori-shadow-soft: 0 0 0 var(--beatori-outline-width) var(--beatori-border-soft);
  --beatori-shadow: 0 0 64px rgba(168, 85, 247, 0.25);
  --beatori-card-shadow: 0 0 64px rgba(168, 85, 247, 0.25);
  --beatori-button-shadow: none;
  --beatori-button-primary-shadow: 0 0 28px rgba(168, 85, 247, 0.5);
  --beatori-focus-ring: 0 0 0 2px #a855f7;
  --beatori-space-1: 0.25rem;
  --beatori-space-2: 0.5rem;
  --beatori-space-3: 0.75rem;
  --beatori-space-4: 1rem;
  --beatori-space-5: 1.25rem;
  --beatori-space-6: 1.5rem;
  --beatori-space-7: 2rem;
  --beatori-motion: 150ms ease-out;
  --beatori-z-shell: 30;
  --beatori-z-sidebar: 40;

  --color-primary: var(--beatori-primary);
  --color-secondary: var(--beatori-secondary);
  --color-tertiary: var(--beatori-tertiary);
  --color-quaternary: var(--beatori-quaternary);
  --color-background: var(--beatori-bg);
  --color-surface: var(--beatori-bg);
  --color-surface-container-low: var(--beatori-surface-low);
  --color-surface-container: var(--beatori-surface);
  --color-surface-container-high: var(--beatori-surface-high);
  --color-surface-container-highest: var(--beatori-surface-highest);
  --color-on-surface: var(--beatori-text);
  --color-on-surface-variant: var(--beatori-text-secondary);
  --color-outline: var(--beatori-border);
  --color-outline-variant: var(--beatori-border-soft);
  --radius-sm: var(--beatori-radius-sm);
  --radius-md: var(--beatori-radius-md);
  --radius-lg: var(--beatori-radius-lg);

  --background: var(--beatori-bg);
  --background-deep: var(--beatori-bg-deep);
  --surface-low: var(--beatori-surface-low);
  --surface: var(--beatori-surface);
  --surface-high: var(--beatori-surface-high);
  --surface-highest: var(--beatori-surface-highest);
  --surface-glass: var(--beatori-surface-glass);
  --surface-glass-strong: var(--beatori-surface-glass-strong);
  --surface-soft: var(--beatori-surface-soft);
  --surface-softer: var(--beatori-surface-softer);
  --border: var(--beatori-border);
  --border-strong: var(--beatori-border-strong);
  --text: var(--beatori-text);
  --text-main: var(--beatori-text);
  --text-muted: var(--beatori-text-muted);
  --text-soft: var(--beatori-text-soft);
  --primary: var(--beatori-primary);
  --primary-strong: var(--beatori-primary-strong);
  --primary-ink: var(--beatori-primary-ink);
  --secondary: var(--beatori-secondary);
  --tertiary: var(--beatori-tertiary);
  --tertiary-deep: var(--beatori-tertiary-deep);
  --success: var(--beatori-success);
  --warning: var(--beatori-warning);
  --danger: var(--beatori-danger);
  --accent: var(--beatori-secondary);
  --accent-hover: var(--beatori-primary-strong);
  --bg-main: var(--beatori-bg-deep);
  --bg-sidebar: var(--beatori-surface-low);
  --bg-card: var(--beatori-surface);
  --font-display: var(--beatori-font-display);
  --font-body: var(--beatori-font-body);
  --shadow: var(--beatori-shadow);
  --shadow-soft: var(--beatori-shadow-soft);

  --bg-void: #060a18;
  --bg-base: #0a1024;
  --bg-band-violet: #0a1024;
  --bg-band-deep: #060a18;
  --bg-surface: #101a38;
  --bg-elevated: #16234a;
  --surface-card: rgba(16, 26, 56, 0.55);
  --surface-card-2: rgba(22, 35, 74, 0.68);
  --purple-600: #6d28d9;
  --purple-500: #7c3aed;
  --purple-400: #9d5cff;
  --purple-300: #bd9cff;
  --violet-500: var(--purple-500);
  --violet-400: var(--purple-400);
  --violet-300: var(--purple-300);
  --cyan-500: #18b4e0;
  --cyan-400: #2dd4ff;
  --cyan-300: #7de8ff;
  --amber-400: #ffb627;
  --amber-300: #ffd166;
  --gold-400: var(--amber-400);
  --gold-300: var(--amber-300);
  --pink-400: #ff4db8;
  --pink-300: #ff8ad4;
  --magenta-500: var(--pink-400);
  --magenta-400: var(--pink-400);
  --text-primary: #eaf0ff;
  --text-secondary: #9db0d8;
  --text-tertiary: #5c6b95;
  --border-subtle: rgba(120, 180, 255, 0.1);
  --border-strong: rgba(80, 200, 255, 0.25);
  --border-tech: rgba(45, 212, 255, 0.4);
  --grad-primary: linear-gradient(180deg, #7c3aed 0%, #6d28d9 100%);
  --grad-headline: linear-gradient(120deg, #9d5cff 0%, #2dd4ff 100%);
  --grad-band-edge: linear-gradient(180deg, transparent 0%, var(--bg-void) 100%);
  --glow-violet-md: 0 0 24px rgba(124, 58, 237, 0.5);
  --glow-violet-lg: 0 0 48px rgba(124, 58, 237, 0.46);
  --glow-cyan-md: 0 0 24px rgba(45, 212, 255, 0.42);
  --glow-amber-md: 0 0 20px rgba(255, 182, 39, 0.36);
  --glow-magenta-md: 0 0 16px rgba(255, 77, 184, 0.24);
  --r-section: 0;
  --r-card: 16px;
  --r-card-lg: 20px;
  --r-pill: 999px;
  --r-input: 12px;
  --font-mono: "JetBrains Mono", "Cascadia Mono", Consolas, monospace;
}