:root{
  /* Two families. Saira carries every heading, label, button and number;
     Archivo carries every sentence a human reads. Never swap the roles. */
  --ehr-font-display:'Saira',system-ui,sans-serif;
  --ehr-font-body:'Archivo',system-ui,sans-serif;

  --ehr-weight-regular:400;
  --ehr-weight-medium:500;
  --ehr-weight-semibold:600;
  --ehr-weight-bold:700;
  --ehr-weight-black:800;

  /* ── Display scale (Saira 800, UPPERCASE, near-1.0 leading) ────────── */
  --ehr-size-h1:clamp(34px,4.6vw,62px);
  --ehr-size-h2:clamp(28px,3.6vw,50px);
  --ehr-size-h3:clamp(21px,2.2vw,30px);
  --ehr-size-h4:21px;            /* trade-card titles */
  --ehr-size-h5:17px;            /* process-step titles */
  --ehr-size-stat:clamp(22px,2.2vw,30px);
  --ehr-size-stat-lg:clamp(26px,3vw,38px);

  --ehr-leading-display:1.04;
  --ehr-leading-h1:1;
  --ehr-leading-tight:1.15;

  /* ── Body scale (Archivo) ──────────────────────────────────────────── */
  --ehr-size-lead:clamp(16px,1.4vw,20px);
  --ehr-size-body:16px;
  --ehr-size-body-sm:15px;
  --ehr-size-body-xs:14px;
  --ehr-size-caption:13px;
  --ehr-size-fine:12px;
  --ehr-leading-body:1.65;
  --ehr-leading-body-tight:1.5;

  /* ── Label / kicker scale (Saira, uppercase, wide tracking) ────────── */
  --ehr-size-kicker:11px;        /* section eyebrow */
  --ehr-size-label:12px;         /* nav item, button */
  --ehr-size-label-sm:10px;      /* stat caption, image tag */

  /* ── Tracking. The brand's signature is wide uppercase tracking ────── */
  --ehr-track-display:.01em;     /* h1 / h2 */
  --ehr-track-h3:.03em;
  --ehr-track-h4:.07em;
  --ehr-track-button:.14em;
  --ehr-track-nav:.14em;
  --ehr-track-stat-cap:.16em;
  --ehr-track-kicker:.30em;      /* widest — section eyebrows only */
  --ehr-track-kicker-sm:.26em;
  --ehr-track-body:0; /* @kind other */
}