/* ================================================================
   STEALTH BLACK BELT ACADEMY — BRAND
   ================================================================
   The club's entire visual identity. Loaded straight after the shared
   assets/css/style.css, which it overrides; everything else — layout,
   components, both themes — comes from that shared file and is not
   copied or edited per client.

   This is also the file that goes to AMM, so the dynamic pages and
   this index page are guaranteed to be the same brand.

   WHERE THESE VALUES CAME FROM
   ------------------------------------------------------------------
   Sampled off the supplied logo (STEALTH BLACK BELT ACADEMY, EST.
   2005). The lettering is a carbon-fibre gradient of PURE-HUE reds —
   green and blue are both at or near zero across the whole mark — and
   the most common quantised stops run #880000 -> #c00000 -> #e00000.
   --brand is the middle of that run.

       ratio(#ffffff, #c40000)   = 6.27   text on the fill        AA
       ratio(#ff3b30, #0a0a0a)   = 5.58   accent text, dark theme AA
       ratio(#ff3b30, #141414)   = 5.19   same, on the ink-2 band AA
       ratio(#a30000, #f1efea)   = 7.15   accent text, light theme AAA
       ratio(#a30000, #ffffff)   = 8.21   accent text, affiliate band
       ratio(#ffffff, #4a0c0c)   = 15.57  nav dropdown ground

   --on-brand IS WHITE HERE, which is the exception rather than the
   rule on this template. It works because the red is dark: white
   clears AA on it at 6.27:1, while near-black manages only 3.13:1 and
   fails. Do not "fix" the red by brightening it — at #e01010 white
   drops to 4.94:1 and at anything brighter it fails outright.

   --brand-on-dark is #ff3b30 rather than a purer red because pure red
   cannot be made light enough to clear 4.5:1 on near-black without
   turning pink; the small shift toward orange buys the luminance and
   still reads as the club's red.

   Do not add --brand-bright: it is derived in style.css from
   --brand-on-dark and --brand-on-light, and setting it here would
   break the light theme.
   ================================================================ */

:root{
  --brand:          #c40000;     /* the fill: buttons, ticker, badges, calendar days */
  --brand-deep:     #4a0c0c;     /* shadow / gradient partner, and the nav dropdown ground */
  --brand-rgb:      196,0,0;     /* --brand as r,g,b — every low-alpha brand tint tracks this */
  --on-brand:       #ffffff;     /* text ON a --brand fill. WHITE — see the note above. */
  --brand-on-dark:  #ff3b30;     /* accent text on the always-dark hero / CTA / dropdown */
  --brand-on-light: #a30000;     /* accent text on light mode and the white affiliate band */
}