/* ============================================================================
   Umniah brand theme — the one file that colours this product.
   ----------------------------------------------------------------------------
   Loaded LAST, after the whole vg-* layer, so everything here wins.

   #ce0037 is Umniah's own brand red, taken from umniah.com, where it fills the
   brand marks and form accents. Nothing else in the codebase needs to change to
   re-colour the product -- this file is the whole lever.

   Note on contrast: on this near-black shell (#0d0d0d) the brand red measures
   about 3.4:1, which is fine for buttons and borders but under the 4.5:1 that
   small text wants. White on the red measures 5.8:1, so filled buttons are the
   comfortable case and plain links are the dim one. A lighter tint of the same
   hue would fix it at the cost of exact brand fidelity.

   The vg- layer defines ~98 custom properties and uses them ~2,200 times, so
   these overrides re-colour most of the product. Each stylesheet owns its own
   prefix and declares the inherited default in its own :root block:
     vg-shell.css  --vg-*     the shell, sidebar, header, cards
     vg-table.css  --vgt-*    data tables
     vg-forms.css  --vgf-*    inputs, selects, toggles
     vg-viz.css    --vgv-*    charts and visualisations
     auth.css      --vg-*     its own copy, for the Layout = null auth pages

   What this does NOT reach, and why it is not a bug:
     - assets/css/style.css, the 816 KB Star Admin template, with 224 hard-coded
       hex values behind its cards, tables, buttons and form controls
     - ~70 pages carrying their own inline <style> blocks (1,632 hex literals)
     - the chart and SweetAlert palettes, which are JS literals
   Those stay the old blue until they are converted to tokens. Worth doing
   gradually, page by page, rather than in one sweep.
   ========================================================================= */

/* Two selectors, not one. The shell reads its tokens from :root, but auth.css declares
   its own copy on `body.vg-auth-body, .vg-auth` -- the modals and toast are siblings of
   .vg-auth, so scoping them to :root alone left the login and sign-up pages on the
   default palette. Higher specificity wins over :root no matter how late this file
   loads, so the auth selector has to be matched exactly. */
:root,
body.vg-auth-body,
.vg-auth {
    /* Primary */
    --vg-primary:      #ce0037;
    --vg-primary-soft: rgba(206, 0, 55, .14);
    --vg-primary-line: rgba(206, 0, 55, .38);

    /* Tables */
    --vgt-primary:     #ce0037;
    --vgt-primary-dk:  #a3002c;
    --vgt-info:        #ce0037;

    /* Forms */
    --vgf-primary:     #ce0037;

    /* Charts */
    --vgv-accent:      #ce0037;
}