/* ============================================================
   BRIDGE WATER RUN CLUB — design tokens
   POV: "a club paper in ink" — black condensed type, monochrome
   street photography, square corners, one continuous black line
   (route posters / progress bar) as the recurring motif.
   ============================================================ */

:root {
  /* -- palette (per build spec) -- */
  --ink:     #0D1012;             /* headings, lead text, buttons   */
  --text:    #000000;             /* nav links, body links          */
  --muted:   #9FA3A8;             /* dates, authors, captions       */
  --body:    #6B6F73;             /* body paragraphs                */
  --line:    #E5E5E5;             /* borders, dividers, rules       */
  --bg:      #FFFFFF;             /* page background                */
  --bg-soft: #F2F2F2;             /* announcement bar, search field */
  --overlay: rgba(0, 0, 0, 0.5);  /* behind open mega-menu          */
  --accent:  #1B8E78;             /* deep teal — links, card icons  */
  --accent-deep: #0F6B57;         /* darker tone — AA small text / solid panels */
  --accent-soft: #E7F3F0;         /* tinted card background         */

  /* -- type -- */
  --font-display: "Bebas Neue", "Anton", "Arial Narrow", sans-serif;
  --font-body: "Inter", -apple-system, "Helvetica Neue", sans-serif;

  --fs-h1: clamp(34px, 4.5vw, 48px);  /* 48 / 800 / lh .9, uppercase */
  --fs-h2: clamp(26px, 3vw, 36px);    /* 32–36 uppercase             */
  --fs-h4: 20px;                      /* sidebar / small heads       */
  --fs-lead: clamp(22px, 2.6vw, 32px);/* intro lead                  */
  --fs-body: 16px;
  --fs-meta: 14px;
  --fs-small: 12px;

  /* -- spacing scale: 4 8 16 24 32 48 64 96 -- */
  --s-1: 4px;  --s-2: 8px;  --s-3: 16px; --s-4: 24px;
  --s-5: 32px; --s-6: 48px; --s-7: 64px; --s-8: 96px;

  /* -- layout -- */
  --max-w: 1316px;
  --pad-x: clamp(16px, 5vw, 70px);
  --gutter: 60px;
  --sidebar-w: 300px;
  --reading-w: 800px;
  --header-h: 60px;
  --annc-h: 36px;
  --sticky-offset: 86px;  /* header + progress + breathing room */

  /* -- motion -- */
  --ease: cubic-bezier(0.25, 0.6, 0.3, 1);
  --t-fast: 200ms;
  --t-med: 300ms;

  /* -- corners: square everywhere (spec) -- */
  --radius: 0px;
}