/* Inter Variable for display + text, IBM Plex Mono for every piece of metadata:
   statuses, periods, sources, protocol lines, table micro-labels. Sentence case everywhere;
   mono micro-labels are the one place uppercase + tracking is allowed. */
:root{
  --font-display:"Inter Display","Inter",system-ui,Arial,Helvetica,sans-serif;
  --font-text:"Inter",system-ui,Arial,Helvetica,sans-serif;
  --font-mono:"IBM Plex Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;

  --weight-regular:400; /* @kind other */
  --weight-medium:500; /* @kind other */
  --weight-semibold:600; /* @kind other */
  --weight-bold:700; /* @kind other */

  /* display — opsz cut, use at 28px and above only */
  --text-display-1:clamp(44px,6.4vw,88px);
  --text-display-2:clamp(36px,4.6vw,64px);
  --text-display-3:clamp(28px,3.2vw,44px);
  --lh-display:1.04; /* @kind other */
  --ls-display:-0.022em; /* @kind other */

  /* headings + body */
  --text-h1:32px;
  --text-h2:24px;
  --text-h3:20px;
  --text-lead:20px;
  --text-body:17px;
  --text-body-sm:15px;
  --text-caption:13px;
  --lh-tight:1.2; /* @kind other */
  --lh-body:1.55; /* @kind other */
  --lh-lead:1.45; /* @kind other */

  /* mono metadata */
  --text-mono:13px;
  --text-mono-sm:11px;
  --ls-mono:0.06em; /* @kind other */
  --ls-mono-wide:0.12em; /* @kind other */

  /* figures — always tabular, decimal comma, space thousands */
  --text-figure-xl:clamp(40px,5vw,68px);
  --text-figure-lg:32px;
  --text-figure:20px;
  --numeric-figure:tabular-nums; /* @kind other */
}