:root {
    --bg-deep: #06060e;
    --bg-primary: #0a0a16;
    --bg-secondary: #10101f;
    --bg-card: #16162b;
    --bg-card-hover: #1e1e38;
    --border-subtle: #1f1f3a;
    --border-glow: #2a2a50;
    --text-primary: #f0f0f8;
    --text-secondary: #b8b8cc;
    --text-muted: #7a7a96;
    --accent: #7b5cfc;
    --accent-light: #9b82ff;
    --accent-dark: #5a3dd4;
    --accent-blue: #5c9cfc;
    --accent-cyan: #3dd4c8;
    --gold: #d4a853;
    --gold-light: #e8c97a;
    --gradient-hero: linear-gradient(135deg, #7b5cfc 0%, #5c9cfc 40%, #3dd4c8 100%);
    --gradient-card: linear-gradient(145deg, #16162b 0%, #1a1a35 100%);
    --gradient-accent: linear-gradient(135deg, #7b5cfc, #5c9cfc);
    --gradient-gold: linear-gradient(135deg, #d4a853, #e8c97a);
    --shadow-glow: 0 0 40px rgba(123,92,252,0.15);
    --shadow-card: 0 4px 24px rgba(0,0,0,0.4);
    --shadow-elevated: 0 12px 48px rgba(0,0,0,0.55);
    --radius-sm: 8px; --radius-md: 14px; --radius-lg: 20px; --radius-xl: 28px; --radius-full: 999px;
    --transition-fast: 0.2s cubic-bezier(0.4,0,0.2,1);
    --transition-smooth: 0.35s cubic-bezier(0.4,0,0.2,1);
    --transition-bounce: 0.5s cubic-bezier(0.34,1.56,0.64,1);
    --font-heading: 'Outfit', sans-serif;
    --font-body: 'Inter', sans-serif;
    --font-mono: 'Space Grotesk', monospace;
    --max-width: 1280px;
    --header-height: 72px;
}