:root {
    /* Brand Palette (v2) */
    --color-primary: #606CB0;
    --color-primary-dark: #4d568d;
    --color-secondary: #5DB4A7;
    --color-accent: #F8B846;
    
    /* Neutrals - Accessible Text */
    --color-text-body: #333333;
    --color-text-heading: #1A1A1A;
    --color-text-light: #666666;
    --color-bg-body: #FFFFFF;
    --color-bg-light: #F9FAFB;
    --color-border: #E5E7EB;
    
    /* Typography */
    --font-heading: 'Dosis', sans-serif;
    --font-body: 'Open Sans', sans-serif;
    
    /* Spacing */
    --container-width: 1200px;
    --spacing-sm: 8px;
    --spacing-md: 16px;
    --spacing-lg: 32px;
    --spacing-xl: 64px;
    
    /* UI */
    --radius-sm: 4px;
    --radius-md: 8px;
    --radius-lg: 16px;
    --shadow-sm: 0 1px 2px rgba(0,0,0,0.05);
    --shadow-md: 0 4px 6px -1px rgba(0,0,0,0.1);
    --transition: all 0.2s ease-in-out;
}