:root {
    /* Brand colors (from ci/brand-3.html) */
    --color-primary: #003B6F;     /* Navy */
    --color-secondary: #007E8A;   /* Warm Teal */
    --color-accent: #FF6A3D;      /* Coral / Orange */

    /* On-color (contrast) */
    --color-on-primary: #ffffff;
    --color-on-secondary: #ffffff;

    /* Neutrals */
    --color-bg: #F9FAFC;          /* Background Off-White */
    --color-surface: #FFFFFF;     /* Surface White */
    --color-muted-text: #667380;  /* Muted Text */
    --color-border: #E1E6EB;      /* Border */
    --color-border-subtle: #E1E6EB;

    /* UI states */
    --color-accent-hover: #E85A2F;
    --color-secondary-hover: #006B75;
    --color-primary-hover: var(--color-primary);
    --color-disabled: #C5CDD6;

    /* Focus ring color (semi-transparent accent) */
    --color-focus-ring: rgba(255, 106, 61, 0.35);

    --color-black: #2B2E33
}