:root {
    --bg-base:       #0d0d14;
    --bg-card:       #13131f;
    --bg-section:    #0f0f1c;

    --accent:        #a855f7;
    --accent-light:  #c084fc;
    --accent-glow:   rgba(168, 85, 247, 0.35);
    --accent-subtle: rgba(168, 85, 247, 0.12);

    --gold:          #f59e0b;
    --gold-light:    #fcd34d;
    --gold-subtle:   rgba(245, 158, 11, 0.15);

    --text-primary:   #f1f0ff;
    --text-secondary: #9b9bb8;
    --text-muted:     #5f5f80;

    --border:        rgba(168, 85, 247, 0.18);
    --border-subtle: rgba(255, 255, 255, 0.06);

    --grad-accent: linear-gradient(135deg, #a855f7, #7c3aed);
    --grad-gold:   linear-gradient(135deg, #f59e0b, #fcd34d);
    --grad-card:   linear-gradient(160deg, #13131f, #1a1a2e);
    --grad-hero:   linear-gradient(160deg, #0d0d14 0%, #1a0a2e 50%, #0d0d14 100%);

    --radius-sm: 8px;
    --radius-md: 14px;
    --radius-lg: 22px;
    --radius-xl: 32px;

    --shadow-card:   0 8px 32px rgba(0, 0, 0, 0.45);
    --shadow-accent: 0 8px 28px var(--accent-glow);
    --shadow-gold:   0 8px 28px rgba(245, 158, 11, 0.3);

    --header-h: 70px;
    --font: 'Inter', system-ui, sans-serif;
}