:root {
    --color-primary: #2C3E50;
    --color-secondary: #2ECC71;
    --color-accent: #3498DB;
    
    --color-mint: #E6F7F1;
    --color-sand: #FFF9E6;
    --color-blue: #E6F2FF;
    --color-purple: #F5F0FF;
    
    --color-text: #2C3E50;
    --color-text-light: #64748B;
    --color-background: #FFFFFF;
    --color-background-alt: #FAFAFA;
    
    --gradient-hero: linear-gradient(135deg, var(--color-mint), #FFFFFF);
    --gradient-cta: linear-gradient(135deg, var(--color-purple), var(--color-blue));
    
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.03);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.05);
    --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.05);
    
    --radius-sm: 8px;
    --radius-md: 12px;
    --radius-lg: 16px;
    --radius-full: 9999px;
}