:root {
    --bg: #06080f;
    --bg-elevated: #0a0f1d;
    --bg-surface: #10172a;
    --panel: rgba(15, 22, 39, 0.72);
    --panel-strong: rgba(13, 19, 34, 0.92);
    --text: #f5f7ff;
    --muted: #9ea8c7;
    --subtle: #6f7898;
    --accent: #8f5bff;
    --accent-alt: #47b7ff;
    --accent-soft: rgba(143, 91, 255, 0.24);
    --danger: #ff5d8f;
    --success: #42d6a4;
    --warning: #ffc857;
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius: 18px;
    --radius-lg: 26px;
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 20px;
    --space-6: 24px;
    --space-7: 32px;
    --space-8: 40px;
    --shadow-xs: 0 8px 20px rgba(3, 6, 12, 0.24);
    --shadow-sm: 0 16px 36px rgba(3, 6, 12, 0.32);
    --shadow: 0 24px 64px rgba(3, 6, 12, 0.45);
    --shadow-glow: 0 0 0 1px rgba(160, 204, 255, 0.06), 0 20px 60px rgba(71, 183, 255, 0.14), 0 30px 80px rgba(143, 91, 255, 0.16);
    --transition-fast: 140ms cubic-bezier(.4, 0, .2, 1);
    --transition: 240ms cubic-bezier(.22, 1, .36, 1);
    --transition-slow: 380ms cubic-bezier(.22, 1, .36, 1);
    --z-base: 1;
    --z-floating: 20;
    --z-modal: 80;
    --z-toast: 120;
    --font-xxs: 11px;
    --font-xs: 12px;
    --font-sm: 14px;
    --font-md: 16px;
    --font-lg: 20px;
    --font-xl: 28px;
    --font-xxl: 40px;
    --line-tight: 1.2;
    --line-base: 1.5;
    --line-loose: 1.7;
    --page-max-width: 1540px;
    --ambient-tint-1: rgba(74, 54, 177, 0.38);
    --ambient-tint-2: rgba(58, 174, 219, 0.34);
    --module-accent: var(--accent);
    --module-accent-alt: var(--accent-alt);
    --module-sheen: rgba(255, 255, 255, 0.06);
}