/* §06 Typography. Three faces, three jobs. Archivo display, Inter body,
   IBM Plex Mono data. No serif, no geometric sans beside the wordmark. */
:root{
  --gt-display:"Archivo",system-ui,sans-serif; /* @kind font */
  --gt-body:"Inter",system-ui,sans-serif; /* @kind font */
  --gt-mono:"IBM Plex Mono",ui-monospace,monospace; /* @kind font */

  --font-display:var(--gt-display);
  --font-heading:var(--gt-display);
  --font-body:var(--gt-body);
  --font-data:var(--gt-mono);

  --weight-display:700; /* @kind other */
  --weight-heading:600; /* @kind other */
  --weight-body:400; /* @kind other */
  --weight-emphasis:600; /* @kind other */
  --weight-ui:500; /* @kind other */

  /* desktop scale */
  --size-display:60px;
  --size-h1:44px;
  --size-h2:32px;
  --size-h3:21px;
  --size-lede:20px;
  --size-body:17px;
  --size-small:14px;
  --size-eyebrow:11px;
  --size-kpi:46px;

  /* mobile scale */
  --size-display-m:34px;
  --size-h1-m:30px;
  --size-h2-m:24px;
  --size-h3-m:19px;
  --size-lede-m:18px;
  --size-body-m:16px;
  --size-kpi-m:32px;

  --lh-display:1.05; /* @kind other */
  --lh-h1:1.12; /* @kind other */
  --lh-h2:1.18; /* @kind other */
  --lh-h3:1.3; /* @kind other */
  --lh-lede:1.55; /* @kind other */
  --lh-body:1.65; /* @kind other */
  --lh-small:1.55; /* @kind other */
  --lh-eyebrow:1.4; /* @kind other */
  --lh-kpi:1; /* @kind other */

  --track-display:-0.035em; /* @kind other */
  --track-h1:-0.03em; /* @kind other */
  --track-h2:-0.028em; /* @kind other */
  --track-h3:-0.02em; /* @kind other */
  --track-body:0; /* @kind other */
  --track-eyebrow:0.16em; /* @kind other */
  --track-kpi:-0.02em; /* @kind other */

  --measure-body:72ch; /* @kind other */   /* 60–72 characters, never full width */
  --measure-lede:64ch; /* @kind other */
}