/* ================================================================
   ROBSON'S FAMILY KARATE CENTRE — 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
   ------------------------------------------------------------------
   Luke's brief: "Colour scheme is light blue". Histogrammed the
   lockup to find which light blue — its outer glow and the "FAMILY
   KARATE CENTRE" line run from #0070d8 up to #00c0f8, clustering
   hardest on #00b8f8. That is --brand: the club's own value, and
   unmistakably a light blue rather than a navy.

   --on-brand is the consequence, and it goes the same way as the
   Raptor build rather than the other seven. A light blue fill cannot
   carry white text — white on #00b8f8 is 2.28:1, nowhere near the
   4.5:1 the template's 13-14px uppercase button labels need. It
   carries NEAR BLACK instead, at 8.25:1. The alternative was to drop
   --brand to about #0062c4 so white would work, but that is a navy,
   and the brief said light blue.

       ratio(#07131a, #00b8f8)   = 8.25   text on the fill        AAA
       ratio(#4ccffb, #0a0a0a)   = 10.96  accent text, dark bands AAA
       ratio(#4ccffb, #141414)   = 10.20  same, on the ink-2 band AAA
       ratio(#4ccffb, #0d0d0d)   = 10.76  same, card back face    AAA
       ratio(#0a5478, #f1efea)   = 7.16   accent text, light mode AAA
       ratio(#0a5478, #ffffff)   = 8.23   accent text, white band AAA
       ratio(#ffffff, #032232)   = 16.42  nav dropdown ground     AAA

   --brand-on-dark is lifted off the mark's own blue rather than
   reused from it: #00b8f8 already clears AAA on the dark grounds,
   but at 13px it reads slightly electric against the chrome of the
   logo; #4ccffb is the same hue a step softer.

   --brand-on-light is a deep teal-blue, which is where this hue has
   to go to clear 4.5:1 on a near-white ground. The mark keeps its
   own colours in both themes — it carries a black keyline around
   every element and reads cleanly on either.

   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:          #00b8f8;     /* the fill: buttons, ticker, badges, calendar days */
  --brand-deep:     #032232;     /* shadow / gradient partner, and the nav dropdown ground */
  --brand-rgb:      0,184,248;   /* --brand as r,g,b — every low-alpha brand tint tracks this */
  --on-brand:       #07131a;     /* text ON a --brand fill — 8.25:1, and DARK, not white */
  --brand-on-dark:  #4ccffb;     /* accent text on the always-dark hero / CTA / dropdown */
  --brand-on-light: #0a5478;     /* accent text on light mode and the white affiliate band */
}