:root {
    --font-family-base: 'League Spartan', sans-serif;

    --color-bg: #050505;
    --color-bg-alt: #0b0b0b;
    --color-surface: rgba(255, 255, 255, 0.05);
    --color-surface-2: rgba(255, 255, 255, 0.08);
    --color-surface-3: rgba(255, 255, 255, 0.12);
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-strong: rgba(220, 38, 38, 0.35);
    --color-text: #fff;
    --color-text-muted: #d1d5db;
    --color-text-soft: #999;

    --color-primary: #dc2626;
    --color-primary-dark: #991b1b;
    --color-primary-light: #ef4444;
    --color-success: #22c55e;
    --color-success-dark: #16a34a;
    --color-warning: #f59e0b;
    --color-accent: #f1d507;

    --radius-sm: 0.5rem;
    --radius-md: 0.75rem;
    --radius-lg: 1rem;
    --radius-xl: 1.25rem;
    --radius-pill: 999rem;

    --space-1: 0.25rem;
    --space-2: 0.5rem;
    --space-3: 0.75rem;
    --space-4: 1rem;
    --space-5: 1.25rem;
    --space-6: 1.5rem;
    --space-8: 2rem;
    --space-10: 2.5rem;

    --container-max: 37.5rem;

    --shadow-sm: 0 0.25rem 0.75rem rgba(0, 0, 0, 0.2);
    --shadow-md: 0 0.75rem 2rem rgba(0, 0, 0, 0.3);
    --shadow-lg: 0 1.5rem 4rem rgba(0, 0, 0, 0.55);
    --shadow-glow: 0 0 0 0.0625rem rgba(255, 255, 255, 0.04), 0 1rem 2.5rem rgba(0, 0, 0, 0.35);

    --glass-blur: 1rem;

    --transition-base: all 0.3s ease;
}