:root {
    --color-bg: #ffffff;
    --color-bg-alt: #f6f9fc;
    --color-bg-card: #ffffff;
    --color-bg-card-hover: #ffffff;
    --color-text: #425466;
    --color-text-muted: #6b7c93;
    --color-text-bright: #0a2540;
    --color-primary: #635bff;
    --color-primary-light: #7a73ff;
    --color-primary-dark: #0a2540;
    --color-accent: #00d4aa;
    --color-accent-light: #33e0be;
    --color-gradient-1: #ff7a59;
    --color-gradient-2: #ff8f71;
    --color-gradient-3: #ffb382;
    --color-gradient-4: #ffc499;
    --color-border: rgba(0, 0, 0, 0.08);
    --color-border-hover: rgba(0, 0, 0, 0.15);
    --font-display: 'Space Grotesk', sans-serif;
    --font-body: 'Inter', sans-serif;
    --radius: 12px;
    --radius-lg: 20px;
    --radius-xl: 28px;
    --shadow-sm: 0 2px 5px rgba(50,50,93,0.1), 0 1px 3px rgba(0,0,0,0.08);
    --shadow-md: 0 13px 27px -5px rgba(50,50,93,0.25), 0 8px 16px -8px rgba(0,0,0,0.3);
    --shadow-lg: 0 30px 60px -12px rgba(50,50,93,0.25), 0 18px 36px -18px rgba(0,0,0,0.3);
    --shadow-glow: 0 0 40px rgba(99, 91, 255, 0.2);
    --container: 1200px;
    --nav-height: 72px;
}