:root{
  /* ── Families ──────────────────────────────────────── */
  --sans:'Barlow',system-ui,sans-serif; /* @kind font */
  --mono:'IBM Plex Mono',ui-monospace,monospace; /* @kind font */
  --font-ui:var(--sans); /* @kind font */
  --font-data:var(--mono); /* @kind font */

  /* ── Sizes (the source UI is small-type, dense) ────── */
  --fs-micro:10px;    /* mono captions, page subtitles, footers */
  --fs-label:11px;    /* mono buttons, badges, table headers */
  --fs-small:13px;    /* descriptions, secondary body */
  --fs-body:14px;     /* base body size */
  --fs-card-title:16px;
  --fs-page-title:21px;
  --fs-display:32px;
  --fs-hero:48px;

  /* ── Weights ───────────────────────────────────────── */
  --fw-regular:400; /* @kind other */
  --fw-medium:500; /* @kind other */
  --fw-semibold:600; /* @kind other */
  --fw-bold:700; /* @kind other */
  --fw-black:800; /* @kind other */     /* page titles, logotype, headers */

  /* ── Line heights ──────────────────────────────────── */
  --lh-tight:1.15; /* @kind other */
  --lh-snug:1.3; /* @kind other */
  --lh-body:1.45; /* @kind other */
  --lh-loose:1.6; /* @kind other */

  /* ── Tracking (uppercase micro-type is a brand motif) ─ */
  --ls-logo:.05em; /* @kind other */
  --ls-title:.04em; /* @kind other */
  --ls-label:.05em; /* @kind other */
  --ls-none:0; /* @kind other */
}