:root {
    /* Colors */
    --color-primary: #0500FF;
    --color-primary-hover: #0400CC;
    --color-text: #1A1A1A;
    --color-text-secondary: #666666;
    --color-bg: #FFFFFF;
    --color-bg-alt: #F5F5F7;
    
    /* Gradients */
    --gradient-hero: linear-gradient(135deg, #E0F7FA 0%, #E1BEE7 100%); /* Placeholder, refine later */
    
    /* Typography */
    --font-main: 'Manrope', sans-serif;
    
    /* Spacing */
    --container-width: 1200px;
    --container-padding: 20px;
    
    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-xl: 32px;
}