/* ================================================================
   PARADIGM MARTIAL ARTS 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 lockup (PARADIGM in chrome-red capitals
   over a silver "MARTIAL ARTS" script). The letters are a metallic
   gradient rather than a flat fill, so there is no single "the red":
   every opaque pixel with red dominant was histogrammed, and the face
   of the lettering runs from #880000 through #b80000 with specular
   highlights reaching #c80008. The hue is PURE red — g and b are
   zero almost everywhere — which is what keeps this club apart from
   the other red ones in the set (Stealth #c40000, WKO #d81420 both
   carry a little blue).

   --brand sits at #bb000a, inside that measured band and half a step
   up from its centre so the fill does not read as maroon at button
   size. White on it is 6.74:1, which matters because the template's
   button labels are 13-14px uppercase — that is the case --on-brand
   has to clear, and it clears it with room to spare.

       ratio(#ffffff, #bb000a)   = 6.74   text on the fill        AA+
       ratio(#ff5252, #0a0a0a)   = 6.20   accent text, dark bands AAA
       ratio(#ff5252, #141414)   = 5.77   same, on the ink-2 band AA
       ratio(#ff5252, #0d0d0d)   = 6.09   same, on card back face AAA
       ratio(#9c0008, #f1efea)   = 7.56   accent text, light mode AAA
       ratio(#9c0008, #ffffff)   = 8.69   accent text, white band AAA
       ratio(#ffffff, #3a0004)   = 17.77  nav dropdown ground     AAA

   The page defaults to DARK (Luke, 2026-10-16), so --brand-on-dark
   does most of the work; --brand-on-light still matters for the light
   build and for the always-white affiliate band.

   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:          #bb000a;     /* the fill: buttons, ticker, badges, calendar days */
  --brand-deep:     #3a0004;     /* shadow / gradient partner, and the nav dropdown ground */
  --brand-rgb:      187,0,10;    /* --brand as r,g,b — every low-alpha brand tint tracks this */
  --on-brand:       #ffffff;     /* text ON a --brand fill — 6.74:1 */
  --brand-on-dark:  #ff5252;     /* accent text on the always-dark hero / CTA / dropdown */
  --brand-on-light: #9c0008;     /* accent text on light mode and the white affiliate band */
}