/* ==========================================================================
   Colour theme tokens - DHA Brown (default) / Urban Blue / VG Navy.

   The only place the --theme-* tokens are defined. Every stylesheet that uses
   them (uds-form.css, customStyling.css, customStyle.css, the page styles)
   and every page that has its own layout (Login, Forget, ChangePassword,
   FingerPrint, VerifyFingerPrint) loads this file first, so they all see the
   same values. A page's <head> script reads localStorage "dha.colorTheme" and
   sets data-color-theme on <html> before first paint:
     DHA Brown    (default)  no attribute
     Urban Blue              data-color-theme="urban"
     VG Navy                 data-color-theme="vg"
   See COLOUR THEMES in uds-form.css for what the tokens recolour.
   ========================================================================== */

:root {
    /* UDS: primary buttons, links, active tabs, soft tiles, focus */
    --theme-brand: #3E2609;
    --theme-brand-hover: #5C3713;
    --theme-soft: #F3ECE3;
    --theme-page: #F7F7F5;   /* page background behind the cards */
    --theme-focus: #B8752A;
    --theme-ring-rgb: 59, 111, 216;          /* focus halo around UDS inputs */

    /* the older chrome (customStyling.css, customStyle.css, page styles) */
    --theme-deep: #3E2609;                   /* table heads, solid buttons */
    --theme-mid: #5C3713;                    /* accents, icons, borders */
    --theme-hover: #6B4419;                  /* solid button hover */
    --theme-press: #4F2E1C;                  /* .dha_theme_btn / SweetAlert hover */
    --theme-submenu: #451D08;
    --theme-ring-alt-rgb: 2, 133, 186;       /* focus halo, older inputs */
    --theme-tile-shadow-rgb: 0, 90, 127;     /* page-header icon tile */

    /* side menu, top-bar icons and modal rows */
    --theme-accent: #5C3713;                 /* open group icon, current page, row marker */
    --theme-accent-rgb: 92, 55, 19;
    --theme-light: #8B5A2B;                  /* the lighter end of a brand gradient (Login pages) */
    --theme-light-rgb: 139, 90, 43;
    --theme-nav-line: #EFE8E0;
    --theme-nav-ink: #4A4038;
    --theme-nav-ink-strong: #2E2118;
    --theme-nav-ink-strong-rgb: 46, 33, 24;
    --theme-nav-ink-soft: #5A5048;
    --theme-nav-label: #7D7268;
    --theme-nav-chev: #8F857B;
    --theme-nav-dot: #9A8F84;
    --theme-nav-dash: #C2B6A8;
    --theme-nav-hover: #FAF6F1;
    --theme-nav-edge: #E2D6C8;

    --theme-loader: rgba(30, 20, 10, .38);
}

/* Urban Blue: the Urban Developers palette (master / feature/UDUS:
   #005A7F, #0285BA, #023F59, #0A6D94, #23709E). The cool neutrals are the
   slate greys those branches use; the soft tints keep DHA's tint-to-brand
   relation on the Urban hue. */
html[data-color-theme="urban"] {
    --theme-brand: #005A7F;
    --theme-brand-hover: #0A6D94;
    --theme-soft: #E3EFF3;
    --theme-page: #F5F7F9;
    --theme-focus: #0285BA;
    --theme-ring-rgb: 2, 133, 186;

    --theme-deep: #005A7F;
    --theme-mid: #0285BA;
    --theme-hover: #023F59;
    --theme-press: #23709E;
    --theme-submenu: #023F59;
    --theme-ring-alt-rgb: 2, 133, 186;
    --theme-tile-shadow-rgb: 0, 90, 127;

    --theme-accent: #0A6D94;                 /* #0285BA is under 4.5:1 as text on white */
    --theme-accent-rgb: 10, 109, 148;
    --theme-light: #1D7FA6;                  /* Brown's step from accent (same hue, sat x0.8, +14 lightness), held at 4.5:1 for white text */
    --theme-light-rgb: 29, 127, 166;
    --theme-nav-line: #E2E8F0;
    --theme-nav-ink: #334155;
    --theme-nav-ink-strong: #1E293B;
    --theme-nav-ink-strong-rgb: 30, 41, 59;
    --theme-nav-ink-soft: #475569;
    --theme-nav-label: #64748B;
    --theme-nav-chev: #7A869B;
    --theme-nav-dot: #8593AB;
    --theme-nav-dash: #A9B5CA;
    --theme-nav-hover: #F1F7FA;
    --theme-nav-edge: #C8DBE2;

    --theme-loader: rgba(10, 24, 30, .38);
}

/* VG Navy: the feature/VG palette (the values DHA was recoloured from). */
html[data-color-theme="vg"] {
    --theme-brand: #0B2254;
    --theme-brand-hover: #14306F;
    --theme-soft: #E7EDF8;
    --theme-page: #F5F6F9;
    --theme-focus: #3B6FD8;
    --theme-ring-rgb: 59, 111, 216;

    --theme-deep: #021B44;
    --theme-mid: #1B3E82;
    --theme-hover: #023F59;
    --theme-press: #14306F;
    --theme-submenu: #021B44;
    --theme-ring-alt-rgb: 59, 111, 216;
    --theme-tile-shadow-rgb: 2, 27, 68;

    --theme-accent: #1B3E82;
    --theme-accent-rgb: 27, 62, 130;
    --theme-light: #365FAE;                  /* Brown's step from accent: same hue, sat x0.8, +14 lightness */
    --theme-light-rgb: 54, 95, 174;
    --theme-nav-line: #E2E8F0;
    --theme-nav-ink: #334155;
    --theme-nav-ink-strong: #1E293B;
    --theme-nav-ink-strong-rgb: 30, 41, 59;
    --theme-nav-ink-soft: #475569;
    --theme-nav-label: #64748B;
    --theme-nav-chev: #7A869B;
    --theme-nav-dot: #8593AB;
    --theme-nav-dash: #A9B5CA;
    --theme-nav-hover: #F1F4FA;
    --theme-nav-edge: #C8D1E2;

    --theme-loader: rgba(10, 17, 30, .38);
}