/* =====================================================================
   SHARED TYPE SCALE + SPACING RHYTHM — the secondary-page (about /
   services / long-term / case-*) counterpart to index.html's own inline
   "CLAUDE TYPE SCALE" block. Same token names, same values, so every
   page on the site sizes text and rhythm from ONE rule set instead of
   each stylesheet hand-tuning its own clamp() formulas.

   index.html stays fully self-contained by design (no external
   stylesheet dependency), so it keeps its own copy of this block inline
   rather than linking this file — if the scale is ever revised, update
   BOTH this file and the matching :root block inside index.html's
   <style>, they must stay numerically identical.
   ===================================================================== */
:root{
  --fs-caption: 11px;
  --fs-label: 12px;
  --fs-ui: clamp(13px, 12.5px + 0.1vw, 14px);
  --fs-body: clamp(16px, 15px + 0.2vw, 18px);
  --fs-item-title: clamp(22px, 14px + 1.4vw, 32px);
  --fs-subhead: clamp(28px, 16px + 2.9vw, 58px);
  --fs-heading: clamp(44px, 5.8vw, 84px);
  --fs-display: clamp(46px, 35px + 3.8vw, 98px);

  --space-block: clamp(48px,6vw,96px);
  --space-row: clamp(28px,4vw,48px);
  --space-section: clamp(80px,11vw,170px);
  --kicker-gap: clamp(24px,5vw,60px);
  --desc-gap-item: 14px;
  --desc-gap-section: 22px;

  /* New token, added while folding the secondary pages onto this scale:
     a small supporting-detail paragraph tier (fact-row values, per-item
     sub-copy) that previously sat at four different hand-tuned sizes
     across about.css / service-pages.css / long-term.css /
     case-editorial.css (15px / 14px / 12–14px clamp / 14px) with no
     reason for the difference. Flat, like --fs-caption and --fs-label —
     at this size a few desktop pixels don't read as different. */
  --fs-detail: 14px;
}