:root {
    --color-secondary-50: #CAE2ED;
    --color-secondary-100: #91C0D6;
    --color-secondary-200: #599FBE;
    --color-secondary-300: #207DA7;
    --color-secondary-400: #1A678B;
    --color-secondary-500: #15526E;
    --color-secondary-600: #114258;
    --color-secondary-700: #0D3142;
    --color-secondary-800: #0B2937;
    --color-secondary-900: #061921;
    
    --color-primary-100: #F2D2D5;
    --color-primary-200: #E6A6AB;
    --color-primary-300: #D97980;
    --color-primary-400: #CD4D56;
    --color-primary-500: #C0202C;
    --color-primary-600: #A01923;
    --color-primary-700: #801219;
    --color-primary-800: #600B10;
    --color-primary-900: #400406;
    
    --color-tertiary-50: #F7F3EC;
    --color-tertiary-100: #FEEED1;
    --color-tertiary-200: #FDDDA3;
    --color-tertiary-300: #FDCB75;
    --color-tertiary-400: #FCBA47;
    --color-tertiary-500: #FBA919;
    --color-tertiary-600: #C98714;
    --color-tertiary-700: #97650F;
    --color-tertiary-800: #64440A;
    --color-tertiary-900: #322205;

    /* Derived contrast tokens — generated by BrandingService (foregroundFor /
       onLight) from this palette. Without them the Tailwind fallbacks resolve
       -foreground to #ffffff and -onlight to the raw 500 shade, which fails WCAG
       AA on light brands. Regenerate if the palette changes. */
    --color-primary-foreground: #ffffff;
    --color-primary-onlight: #c0202c;
    --color-secondary-foreground: #ffffff;
    --color-secondary-onlight: #15526e;
    --color-primary-on-200: #000000;
    --color-secondary-on-200: #000000;
}