/* Coach b Run Club — website tokens. Single declaration of every custom property.
   Values inherited from SPEC Navigation / Section 1 / Section 2 / Section 3 (all locked).
   NEW THIS ROUND: --fs-lede / --fs-lede-d (see SPEC Section 4 §6). Ratified site-wide 2026-09-03;
   sections 1-3 do not yet use it. */
:root{
/* grounds */
--ground:#F9F7F4;--card:#FFFFFF;--tint:#F4F4F0;
/* ink */
--ink:#1A1A1A;--ink2:#6B6B6B;--ink3:#9E9E9E;
/* accents */
--purple:#654199;--pink:#CF5496;--teal:#65C4C6;--teal-tint:#E6F4F3;
/* web-only derivation: brand purple at 15% over white */
--purple-tint:#E8E2F0;
/* borders */
--line:#E8E8E4;--line2:#D8D8D3;
/* sampled photographic value, not a brand token: section 1's sky. Photograph fallback ground. */
--sky:#E7E9EC;
/* type */
--sans:-apple-system,BlinkMacSystemFont,'SF Pro Text','Segoe UI',sans-serif;
--cond:'Barlow Semi Condensed',Impact,sans-serif;
/* body scale */
--fs-body:17px;--fs-body-d:18px;
/* lede scale — one step above body. Ratified site-wide 2026-09-03. */
--fs-lede:19px;--fs-lede-d:20px;
/* radii */
--r-8:8px;--r-12:12px;--r-16:16px;--r-20:20px;--r-pill:999px;
/* page margin — ONE responsive edge inset. 24 phone portrait (<=430); 40 (>=431); 64 desktop (>=1088).
   Ruling 4 (Build 3) unified the inset into this token. Ruling 3 / commit 2 added the 40 step and
   brought the five hardcoded left/right edges onto it (Section 1's headline, section 2 & 3 padding, the
   section-3 rail, the mobile panel) so the WHOLE page edge moves together and nothing can misalign.
   The 40 step's breakpoint was first set at 768, then REVISED to 431 (see the note below); a future
   reader should see the choice was re-made, not that it was always 431. Section 1 was unlocked for
   this, band only (SPEC-section-1-band.md). The ratified desktop spacing (>=1088) is untouched. */
--margin:24px;
/* reading measure (Build 3, Ruling 1) — section 2's copy, section 3's intro and the FAQ
   column all cap here. It is section 2's photograph bound, so the copy ends exactly where
   the image ends; the comfortable measure is the consequence. 640px = 37.6em at 17px. */
--measure:640px;
/* opaque fixed navigation bar, desktop */
--nav:64px;
}
/* Above phone portrait: the whole page edge steps to 40. Breakpoint 431 = one px above the iPhone Pro
   Max's 430px portrait width, so every phone in portrait keeps 24 and everything wider (landscape
   phones, tablets, windows) takes 40. Declared before the 1088 rule so desktop still wins. */
@media(min-width:431px){:root{--margin:40px}}
@media(min-width:1088px){:root{--margin:64px}}