:root {
    /* Colors - NEBULA LIGHT THEME */
    --color-bg: #FFFFFF;
    /* Pure White Main BG */
    --color-bg-secondary: #F4F6F9;
    /* Light Bluish Gray for Sections */
    --color-bg-cosmic: #0B0E14;
    /* Deep Cosmos for Hero/Special Sections */

    --color-text: #1A1D23;
    /* Dark Navy-Black for Text */
    --color-text-light: #4A5568;
    /* Muted Blue-Gray for Subtext */
    --color-text-on-dark: #FFFFFF;
    /* White for Cosmic Sections */

    --color-accent: #2563EB;
    /* Nebula Blue */
    --color-accent-secondary: #7C3AED;
    /* Cosmic Purple */
    --color-accent-glow: #00D4FF;
    /* Cyan Glow */

    /* Gradients */
    --gradient-cosmic: linear-gradient(135deg, #0B0E14 0%, #1a1f2e 100%);
    --gradient-text: linear-gradient(to right, #2563EB, #7C3AED);

    /* Glass Effects (Light Mode) */
    --color-glass: rgba(255, 255, 255, 0.85);
    --color-glass-border: rgba(37, 99, 235, 0.1);

    /* Typography */
    --font-main: 'Inter', sans-serif;
    --font-display: 'Space Grotesk', serif;

    /* Spacing */
    --spacing-xs: 0.5rem;
    --spacing-sm: 1rem;
    --spacing-md: 2rem;
    --spacing-lg: 5rem;
    --spacing-xl: 10rem;

    /* Transitions */
    --transition-fast: 0.2s ease;
    --transition-smooth: 0.6s cubic-bezier(0.22, 1, 0.36, 1);
}

body {
    background-color: var(--color-white);
    color: var(--color-black);
}