/*
   Brand color tokens for the public/marketing site.

   Mirrors the :root token system wwwroot/css/admin.css already has on the admin
   side — this is the same idea applied to the public site for the first time. Every
   occurrence of these hex values across color-12.css (the default pink skin),
   color-1.css (the Products blue sub-theme), style.css, responsive.css, and the
   handful of page-scoped <style> blocks that used to repeat them as literals now
   reads from here instead. A 1:1 substitution — the resolved color at every one of
   those call sites is unchanged, so this is pixel-identical to before it existed.

   See docs/MODERNIZATION.md for the full reasoning, including what was deliberately
   NOT tokenized here and why:
   - 12 other color-N.css skin alternates (color-2 through color-11, 13, 14) and
     style-customizer.css were deleted rather than tokenized — confirmed unreferenced
     anywhere in the app (color-N.css) or Razor-commented-out (style-customizer.css).
   - The .svg assets under wwwroot/Images/riddhi/ that also contain this pink/blue
     still use literal hex — they're standalone image resources, not part of the live
     CSS cascade, so a var() reference inside them wouldn't resolve.
   - One IE-only `progid:DXImageTransform` gradient fallback in color-12.css — dead in
     every real browser this app targets — keeps its literal hex on purpose: its
     `startColorstr`/`endColorstr` pair is `#ff5db1`/`#4ac4f3` (a mismatched leftover
     from the theme's original blue skin, never updated when this pink skin was
     built), and substituting only one side with a pink var() would have made that
     pre-existing inconsistency harder to notice later, not easier. A sibling filter
     a few lines above it, whose start/end colors already matched (`--rs-pink` on
     both), was substituted along with everything else — equally inert in any real
     browser either way.

   Two independent brand families exist because Products pages deliberately opt into
   a different sub-theme (color-1.css) than the rest of the site (color-12.css) — see
   docs/MODERNIZATION.md Phase 0 for why that's a real, load-bearing distinction and
   not an accident to "fix" by merging them.
*/
:root {
    /* ── Pink — the site's default skin (color-12.css) ── */
    --rs-pink:      #f8a4d8;
    --rs-pink-soft: #f690d0;
    --rs-pink-deep: #d381b5;

    /* ── Blue — the Products sub-theme (color-1.css) ── */
    --rs-blue:       #4ac4f3;   /* color-1.css primary / accent used across Product body pages */
    --rs-blue-accent:#0c7bdc;   /* deeper accent used in Products/Index.cshtml, riddhi-ai.cshtml gradients */
    --rs-blue-deep:  #1e3799;   /* darkest gradient stop, same pages */
    --rs-blue-teal:  #00c4cc;   /* gradient terminus, same pages */
}