/* ============================================================================
   SP PRO-SHOP / TRAINING — DESIGN TOKENS  (Option A, operator-final)
   ----------------------------------------------------------------------------
   RECONCILED to the designer's authoritative set — the four applied system
   files' :root blocks in commit 1169706 (site-drafts/proshop-system-*.html).
   Values here byte-match that set; the token NAMES are the designer's
   (--bg / --primary / --primary-dk / --btn-* / …), mapped onto this theme's
   per-page body-class scheme:

     shop home + taxonomy archives .... pal-cool (light)  = body.sp-proshop default
     training hub ..................... pal-teal (light)  = body.sp-page-hub
     course page ...................... pal-warm (light)  = body.sp-page-course
     gear product page ................ pal-dark (dark)   = body.sp-page-gear  <- flagship

   Notes carried from the designer's set:
   - --plinth stays LIGHT in every palette (product photos are on white).
   - --accent is contrast-tuned per ground (#036b6b/#076a63 on light, #7dd6d6 on
     dark) and is a SEPARATE token from --primary — never swap one for the other.
   - --primary (#007575) / --primary-dk are shared decorative brand teal (rules,
     card left-borders); buttons use the audited --btn-* pair, never --primary.
   - Button pair is AAA (>=7:1): white on #00504e (light) / #06231f on #7dd6d6
     (dark). White-on-#007575 (5.5:1) is BANNED.
   - The hero/dark-image-band scrim is hardcoded dark and hero text is pinned
     light in EVERY palette — see the "palette lock" block in proshop.css. That
     is why there are no --grad tokens here (the designer hardcodes the scrim).

   Scoped to body.sp-proshop so tokens never leak into the rest of the site.
   ========================================================================== */

/* ---- shared tokens (identical across all four palettes) ---- */
body.sp-proshop {
  --primary:    #007575;
  --primary-dk: #005c5c;
  --lume:       #7dd6d6;
  --hero-ink:   #ffffff;
  --hero-sub:   #d9e0df;
  --head:'Raleway',-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
  --sans:'Roboto',-apple-system,'Segoe UI',Helvetica,Arial,sans-serif;
  --maxw: 1170px;
  --radius: 4px;

  /* ===== DEFAULT palette = pal-cool (light) — shop home + taxonomy archives ===== */
  --bg:#f5f7f8; --ground-2:#eceff1; --surface:#ffffff; --plinth:#f0f2f2;
  --ink:#2b3138; --ink-strong:#12161a; --muted:#5c6570; --rule:rgba(18,22,26,.12);
  --accent:#036b6b; --band:#dcecec; --band-ink:#0a4a4a;
  --btn-bg:#00504e; --btn-fg:#ffffff; --btn-hov:#003b39;
}

/* ===== training hub = pal-teal (light) ===== */
body.sp-proshop.sp-page-hub {
  --bg:#f0f7f6; --ground-2:#e2f0ee; --surface:#ffffff; --plinth:#eef2f2;
  --ink:#23302e; --ink-strong:#0e1a18; --muted:#52605d; --rule:rgba(14,26,24,.13);
  --accent:#036b6b; --band:#d3eae7; --band-ink:#0a4a44;
  --btn-bg:#00504e; --btn-fg:#ffffff; --btn-hov:#003b39;
}

/* ===== course page = pal-warm (light) ===== */
body.sp-proshop.sp-page-course {
  --bg:#f7f2e9; --ground-2:#efe7d7; --surface:#fffdf8; --plinth:#f1f0ec;
  --ink:#322d24; --ink-strong:#1c1810; --muted:#6b6252; --rule:rgba(40,34,24,.15);
  --accent:#076a63; --band:#e7ece6; --band-ink:#234a42;
  --btn-bg:#00504e; --btn-fg:#ffffff; --btn-hov:#003b39;
}

/* ===== gear product page = pal-dark (dark) — flagship treatment ===== */
body.sp-proshop.sp-page-gear {
  --bg:#0e1214; --ground-2:#0b0f10; --surface:#1a2125; --plinth:#eef1f1;
  --ink:#eef2f2; --ink-strong:#ffffff; --muted:#9aa8ac; --rule:rgba(125,214,214,.14);
  --accent:#7dd6d6; --band:#004242; --band-ink:#bfeee6;
  --btn-bg:#7dd6d6; --btn-fg:#06231f; --btn-hov:#5cc4c4;
}