:root {
    --color-bg-primary: #101D32;
    --color-bg-secondary: #182A44;
    --color-surface: #142943;
    --color-primary: #138FE0;
    --color-primary-hover: #25A2F2;
    --color-primary-active: #0E78BE;
    --color-primary-text: #101D32;
    --color-border: #294866;
    --color-border-hover: #3C75A0;
    --color-glow: rgba(19, 143, 224, 0.22);
    --color-text-primary: #EFF4FA;
    --color-text-secondary: #C9D6E5;
    --color-text-muted: #9DAEC4;
    --color-accent: #DC9A23;
    --color-success: #28A745;
    --color-warning: #F2B84A;
    --color-error: #F06973;
    --color-disabled-bg: #18324E;
    --color-disabled-text: #71879F;
    --color-disabled-border: #29435B;

    --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;

    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;

    --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.20);
    --shadow-elevated: 0 16px 40px rgba(0, 0, 0, 0.28);
    --glow-primary: 0 0 24px rgba(19, 143, 224, 0.18);

    --content-width: 1080px;
}