:root {
    /* Brand Colors */
    --color-primary: #2A9D8F; /* Teal Blue */
    --color-primary-dark: #21867a;
    --color-secondary: #E9C46A; /* Ochre Yellow */
    --color-secondary-dark: #d4b055;
    
    --color-bg-light: #F4F1DE; /* Off-White */
    --color-bg-white: #FFFFFF;
    
    --color-text-main: #264653; /* Dark Slate Grey */
    --color-text-muted: #5e7983;
    --color-text-light: #F4F1DE;

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

    /* Fonts */
    --font-heading: 'Montserrat', sans-serif;
    --font-body: 'Lato', sans-serif;

    /* Border Radius */
    --radius-sm: 0.25rem;
    --radius-md: 0.5rem;
    --radius-lg: 1rem;
    --radius-full: 9999px;
}