/* =============================================================
   Brand Design Tokens
   Canonical source for the unQbd color palette. All component CSS
   should reference these variables instead of hardcoding hex values.
   ============================================================= */

:root {
    --brand-primary:   #00B4FF;  /* unQbd Blue, main brand color, buttons */
    --brand-secondary: #0174B1;  /* Deep Blue, hover states, secondary UI */
    --brand-bg:        #F6FBFF;  /* Light Blue Tint, page backgrounds    */
    --brand-charcoal:  #222222;  /* Body copy                            */
    --brand-cta:       #FFAA00;  /* Accent Orange, highlights, CTAs      */
    --brand-divider:   #E0E0E0;  /* Borders, separators                  */
}