/* Branchpoint typography tokens.
   Display/heading: Archivo (variable wght + wdth; Expanded for display).
   Body/UI: Instrument Sans. Data/code: Spline Sans Mono (tabular by design). */
:root{
  --font-display:'Archivo',system-ui,sans-serif;
  --font-body:'Instrument Sans',system-ui,sans-serif;
  --font-mono:'Spline Sans Mono',ui-monospace,monospace;
  /* Display (marketing/editorial) — Archivo Expanded */
  --type-display-xl:800 clamp(48px,7vw,96px)/0.98 var(--font-display);
  --type-display:800 clamp(36px,4.5vw,60px)/1.02 var(--font-display);
  --display-stretch:125%; --display-tracking:-0.02em;
  /* Headings */
  --type-h1:700 32px/1.15 var(--font-display);
  --type-h2:700 24px/1.2 var(--font-display);
  --type-h3:650 19px/1.3 var(--font-display);
  --type-h4:650 16px/1.35 var(--font-display);
  /* Body */
  --type-body-lg:400 18px/1.55 var(--font-body);
  --type-body:400 15px/1.5 var(--font-body);
  --type-body-sm:400 13px/1.45 var(--font-body);
  /* Labels & captions */
  --type-label:600 13px/1.2 var(--font-body);
  --type-label-sm:600 11px/1.2 var(--font-body);
  --type-caption:400 12px/1.4 var(--font-body);
  --type-overline:700 11px/1.2 var(--font-display);
  --overline-tracking:0.08em;
  /* Data & code */
  --type-data-lg:500 22px/1.2 var(--font-mono);
  --type-data:450 14px/1.4 var(--font-mono);
  --type-data-sm:450 12px/1.35 var(--font-mono);
  --type-code:400 13px/1.6 var(--font-mono);
}