/* ============================================================================
   sc-accent.css — the accent follows the SUBJECT (Carlos, Oct 10 2026)
   ============================================================================
   "The only time we bring up volt is when we talk about the referee
   wrist-worn officiating device or the platform. When we talk about the
   athlete app, we bring in the blue. Platform is the blue, and the parent app
   is black and white — monochromatic, because we bring in colours for the
   teams." Then, final: platform's LEAD is Command Blue, volt only secondary.

   One mechanism for every landing page, the homepage included: put
   data-accent on <body> (the page) or on a <section> (its subject). It sets
   the token the shared header (css/sc-site-header.css), the yard-line rail
   (css/sc-yardline-rail.css), the product pages (css/sc-product-landing.css)
   and the homepage launch sections (css/home-launch.css) all read:

     --sc-page-accent-rgb       the accent, as an r, g, b triplet
     --sc-page-accent-deep-rgb  its pressed / hover shade
     --sc-page-accent-ink       text that sits ON an accent fill

   coach    grass green #22c55e — ink black   (the homepage's own values; a
            page with no data-accent gets exactly this from the :root
            defaults, which is why the homepage header is pixel-locked)
   referee  volt #b8ff00        — ink #0a0d14
   platform Command Blue: #5b9be0 is the accent on dark (fills + text),
   athlete  #3a7bc8 the brand deep. Ink #0a0d14 on the fill: 6.7:1 (white on
            #3a7bc8 is 4.3:1 and fails AA, so the fill is the lighter blue)
   family   monochrome: ink #0a0d14 on a light canvas, white on the fill.
            Team colours come from crests and team imagery only.

   scripts/test-landing-dna-browser.js (I) reads each section's computed
   token against this table and scans the section for a forbidden hue.
   ============================================================================ */
[data-accent="coach"] {
    --sc-page-accent-rgb: 34, 197, 94;
    --sc-page-accent-deep-rgb: 22, 163, 74;
    --sc-page-accent-ink: #000;
}
[data-accent="referee"] {
    --sc-page-accent-rgb: 184, 255, 0;
    --sc-page-accent-deep-rgb: 143, 212, 0;
    --sc-page-accent-ink: #0a0d14;
}
[data-accent="platform"],
[data-accent="athlete"] {
    --sc-page-accent-rgb: 91, 155, 224;
    --sc-page-accent-deep-rgb: 58, 123, 200;
    --sc-page-accent-ink: #0a0d14;
}
/* family on a DARK page (the stands on /referee): white */
[data-accent="family"] {
    --sc-page-accent-rgb: 255, 255, 255;
    --sc-page-accent-deep-rgb: 209, 213, 219;
    --sc-page-accent-ink: #0a0d14;
}
/* family on the LIGHT canvas (the Team Hub): ink */
[data-canvas="light"][data-accent="family"],
[data-canvas="light"] [data-accent="family"] {
    --sc-page-accent-rgb: 10, 13, 20;
    --sc-page-accent-deep-rgb: 47, 85, 119;
    --sc-page-accent-ink: #ffffff;
}