/* tokens.css — medex-site SHARED layer (site merge 2026-09-16).
   Only what the shared css/base.css reads, plus the fluid-scaling pair every page's clamp() uses.
   Trimmed from medex-landing's whole file (82 tokens): 65 moved down into the landing stylesheets
   that read them (every band, scoped to the block — tools/section_tokens.py), 7 dead deleted
   (--text-lead-strong, --lh-lead-strong, --ls-lead-strong, --ls-field, --ls-form-intro, --ls-privacy,
   --ls-privacy-strong). The thank page carries its own values in its sections and page.css.
   Bands: 0–767 mobile (anchor 390) · 768–1023 pseudo-tablet · 1024+ desktop (--vw-base 1619). */

:root {
  --vw-base: 1619px;
  --max-vw: min(100vw, calc(1920px + calc((1920px - var(--vw-base)) * 0.015)));
  --container-max: 1920px;

  /* document defaults read by css/base.css (the thank page restates its own in thank/css/page.css) */
  --font-sans:  'Inter', system-ui, -apple-system, 'Segoe UI', Arial, sans-serif;

  --c-ink:          #16232b;
  --c-text:         #566d7c;
  --c-page:         #f9fcff;

  /* ---- mobile band (base, 0–767): clamp(M-min, calc(M-base + (max-vw - 390px) * 0.015), M-max) ---- */
  --text-lead: clamp(11px, calc(13px + (var(--max-vw) - 390px) * 0.015), 26px);
  --lh-lead: 1.55;
  --gutter: clamp(16px, calc(20px + (var(--max-vw) - 390px) * 0.015), 39px);
}

/* ---- pseudo-tablet band (768–1023): clamp(M-base, calc(M-base + (max-vw - 768px) * 0.025), D-base) ---- */
@media (min-width: 768px) and (max-width: 1023px) {
  :root {
    --text-lead: clamp(13px, calc(13px + (var(--max-vw) - 768px) * 0.025), 21.493px);
    --gutter: clamp(20px, calc(20px + (var(--max-vw) - 768px) * 0.025), 199.5px);
  }
}

/* ---- desktop band (1024+): clamp(D-min, calc(D-base * (max-vw / vw-base)), D-max) ---- */
@media (min-width: 1024px) {
  :root {
    --text-lead: clamp(14px, calc(21.493px * (var(--max-vw) / var(--vw-base))), 25px);
    --lh-lead: normal;
    --gutter: clamp(126px, calc(199.5px * (var(--max-vw) / var(--vw-base))), 237px);
  }
}