:root {
    /* Brand */
    --color-primary: #8b5cf6;
    --color-primary-hover: #9f75ff;
    --color-primary-dark: #6d42dc;
    --color-secondary: #3b82f6;

    /* Backgrounds */
    --color-background: #07070b;
    --color-background-soft: #0b0b11;
    --color-surface: #111118;
    --color-surface-soft: #171720;
    --color-surface-hover: #1d1d28;

    /* Text */
    --color-text: #ffffff;
    --color-text-soft: #d4d4d8;
    --color-text-muted: #9b9ba6;
    --color-text-dark: #71717a;

    /* Borders */
    --color-border: rgba(255, 255, 255, 0.08);
    --color-border-hover: rgba(255, 255, 255, 0.15);
    --color-border-primary: rgba(139, 92, 246, 0.35);

    /* Status */
    --color-success: #22c55e;
    --color-warning: #f59e0b;
    --color-danger: #ef4444;
    --color-info: #3b82f6;

    /* Gradients */
    --gradient-primary: linear-gradient(
        135deg,
        #8b5cf6 0%,
        #7557e8 55%,
        #3b82f6 100%
    );

    --gradient-text: linear-gradient(
        110deg,
        #ffffff 5%,
        #c5b6ff 48%,
        #78aaff 100%
    );

    --gradient-surface: linear-gradient(
        180deg,
        rgba(255, 255, 255, 0.055),
        rgba(255, 255, 255, 0.018)
    );

    /* Shadows */
    --shadow-sm: 0 8px 24px rgba(0, 0, 0, 0.22);
    --shadow-md: 0 18px 50px rgba(0, 0, 0, 0.32);
    --shadow-lg: 0 30px 90px rgba(0, 0, 0, 0.45);
    --shadow-primary: 0 16px 45px rgba(139, 92, 246, 0.22);

    /* Blur */
    --blur-sm: 10px;
    --blur-md: 18px;
    --blur-lg: 28px;

    /* Radius */
    --radius-xs: 8px;
    --radius-sm: 12px;
    --radius-md: 18px;
    --radius-lg: 24px;
    --radius-xl: 32px;
    --radius-full: 999px;

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

    /* Layout */
    --container-width: 1240px;
    --header-height: 78px;

    /* Typography */
    --font-heading: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Transitions */
    --transition-fast: 160ms ease;
    --transition-normal: 240ms ease;
    --transition-slow: 380ms ease;
}