:root {
    /* Backgrounds */
    --bg-deep:    #020617;
    --bg-surface: #0a0f1e;
    --bg-card:    rgba(15, 23, 42, 0.6);
    --bg-card-hover: rgba(15, 23, 42, 0.85);

    /* Accents */
    --accent:     #f97316;
    --accent-2:   #dc2626;
    --accent-alt: #22c55e;
    --gold:       #eab308;

    /* Text */
    --text-1: #f9fafb;
    --text-2: #9ca3af;
    --text-3: #6b7280;

    /* Borders */
    --border:       rgba(255, 255, 255, 0.08);
    --border-hover: rgba(255, 255, 255, 0.16);

    /* Gradients */
    --grad-accent:  linear-gradient(135deg, #f97316, #dc2626);
    --grad-gold:    linear-gradient(135deg, #eab308, #f97316);
    --grad-bg:      radial-gradient(ellipse at 20% 50%, rgba(249, 115, 22, 0.12) 0%, transparent 60%),
                    radial-gradient(ellipse at 80% 20%, rgba(34, 197, 94, 0.08) 0%, transparent 60%),
                    radial-gradient(ellipse at 50% 80%, rgba(234, 179, 8, 0.06) 0%, transparent 60%);

    /* Shadows */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 8px 32px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 20px 60px rgba(0, 0, 0, 0.6);
    --shadow-accent: 0 0 40px rgba(249, 115, 22, 0.25);

    /* Blur / Glass */
    --glass-blur:   blur(18px);
    --glass-border: 1px solid rgba(255, 255, 255, 0.08);

    /* Radius */
    --r-sm: 6px;
    --r-md: 12px;
    --r-lg: 20px;
    --r-xl: 32px;
    --r-full: 9999px;

    /* Spacing scale */
    --s-1:  4px;
    --s-2:  8px;
    --s-3:  12px;
    --s-4:  16px;
    --s-5:  20px;
    --s-6:  24px;
    --s-8:  32px;
    --s-10: 40px;
    --s-12: 48px;
    --s-16: 64px;
    --s-20: 80px;
    --s-24: 96px;

    /* Transitions */
    --t-fast:   0.15s ease;
    --t-normal: 0.25s ease;
    --t-slow:   0.4s ease;

    /* Layout */
    --container: 1200px;
    --container-sm: 800px;

    /* Typography */
    --font-base: 'Inter', system-ui, -apple-system, sans-serif;
    --fz-xs:   12px;
    --fz-sm:   14px;
    --fz-base: 16px;
    --fz-md:   18px;
    --fz-lg:   20px;
    --fz-xl:   24px;
    --fz-2xl:  30px;
    --fz-3xl:  36px;
    --fz-4xl:  48px;
    --fz-5xl:  56px;
    --fz-6xl:  72px;
}