/* ============================================================================
   theme-titan.css  —  Titan-Techs brand palette (maroon + gold)
   ----------------------------------------------------------------------------
   Titan is the first tenant on the refreshed UI, so this pins the house brand:
   maroon #8E181B primary + gold #FEC10F secondary. Same swap mechanism as
   theme-cobalt.css — overrides only the BRAND tokens in css/styles.css; loads
   AFTER it so these win. Semantic/neutral/text tokens stay in the base.

   Wiring (App.razor, after css/styles.css) — Titan's deployment:
     <link href="css/theme-titan.css" rel="stylesheet"/>
   ============================================================================ */

:root {
    /* --- Primary: Titan maroon #8E181B --- */
    --color-sf-primary: 142, 24, 27;
    --color-sf-primary-container: 248, 224, 224;    /* pale maroon tint */
    --color-sf-on-primary: 255, 255, 255;
    --color-sf-on-primary-container: 63, 8, 10;      /* deep maroon ink */
    --color-sf-inverse-primary: 255, 179, 181;       /* light maroon (on dark) */
    --color-sf-surface-tint-color: 142, 24, 27;

    /* --- Secondary: Titan gold #FEC10F (supporting accent / secondary buttons) --- */
    --color-sf-secondary: 254, 193, 15;
    --color-sf-secondary-container: 255, 244, 214;   /* pale gold tint */
    --color-sf-on-secondary: 63, 45, 0;              /* dark ink on gold (gold needs dark text) */
    --color-sf-on-secondary-container: 45, 33, 0;

    /* --- Tertiary: muted rose #7D5260 (kept from the current scheme) --- */
    --color-sf-tertiary: 125, 82, 96;
    --color-sf-tertiary-container: 255, 216, 228;
    --color-sf-on-tertiary: 255, 255, 255;
    --color-sf-on-tertiary-containe: 55, 11, 30;      /* NB: base key is misspelled "containe" */
}