/* ============================================================================
   EASTON TRAINING CENTER — DESIGN TOKENS  (canonical, v1.0)
   Import and consume the custom properties — never hardcode raw hex in page CSS.
   PRINCIPLES: (1) red is an ACCENT, never a large fill — no "big red text" token.
   (2) --review-gold is for STAR GLYPHS ONLY. (3) tenure is COMPUTED from
   --founded-year at runtime, never tokenised as a string.
============================================================================ */
:root {
  /* Brand anchors */
  --ink:#0d0d0c; --red:#f04137; --red-shadow:#961e18; --review-gold:#e8a317;
  /* Surfaces */
  --canvas:#f4f1ea; --paper:#ffffff; --surface-dark:#0d0d0c;
  --surface-sunken:rgba(13,13,12,0.035);
  /* Text on light */
  --text:#0d0d0c; --text-muted:rgba(13,13,12,0.62); --text-faint:rgba(13,13,12,0.45);
  --line:rgba(13,13,12,0.12); --line-strong:rgba(13,13,12,0.20);
  /* Text on dark */
  --text-on-dark:#ffffff; --text-on-dark-muted:rgba(255,255,255,0.66);
  --text-on-dark-faint:rgba(255,255,255,0.40); --line-on-dark:rgba(255,255,255,0.14);
  /* Text on red (always white) */
  --text-on-red:#ffffff; --text-on-red-muted:rgba(255,255,255,0.85);
  /* Type families */
  --font-display:'Anton',sans-serif; --font-label:'Oswald',sans-serif; --font-body:'Barlow',sans-serif;
  /* Type scale */
  --fs-h1:54px; --lh-h1:1.08; --fs-h2:52px; --lh-h2:1.06; --fs-h3:38px; --lh-h3:1.00;
  --fs-h4:27px; --lh-h4:1.00; --fs-body-lg:18px; --lh-body-lg:1.55; --fs-body:15px; --lh-body:1.50;
  --fs-eyebrow:13px; --ls-eyebrow:0.22em; --fs-kicker:13px; --ls-kicker:0.28em;
  --fs-caption:11px; --ls-caption:0.16em; --fw-label:600; --fw-label-strong:700;
  /* Spacing (4px base) */
  --space-1:4px; --space-2:8px; --space-3:12px; --space-4:16px; --space-5:20px; --space-6:24px;
  --space-8:32px; --space-10:40px; --space-12:48px; --space-16:64px; --space-20:80px; --space-26:104px;
  /* Layout */
  --container-max:1200px; --gutter:24px; --section-pad-y:104px; --section-pad-x:120px;
  --section-pad-mobile:46px 22px;
  /* Radius */
  --radius-pill:999px; --radius-card:5px; --radius-control:3px; --radius-chip:2px;
  /* Elevation */
  --shadow-card:0 1px 0 rgba(13,13,12,0.06),0 24px 48px -38px rgba(13,13,12,0.5);
  --shadow-card-lg:0 1px 0 rgba(13,13,12,0.06),0 30px 60px -40px rgba(13,13,12,0.5);
  --shadow-cta-red:0 2px 0 var(--red-shadow),0 8px 20px rgba(240,65,55,0.28);
  /* Motion */
  --ease-standard:cubic-bezier(0.4,0,0.2,1); --dur-fast:150ms; --dur-toggle:200ms; --dur-fade:350ms;
  /* Founded year — the ONLY stored tenure value. yearsOpen = currentYear - founded-year. */
  --founded-year:1998;
}
@media (prefers-reduced-motion:reduce){ :root{ --dur-fast:0ms; --dur-toggle:0ms; --dur-fade:0ms; } }