:root{
  --font-sans:'DM Sans',system-ui,-apple-system,sans-serif;
  --font-mono:'DM Mono','SFMono-Regular',ui-monospace,monospace;

  --weight-light:300;--weight-regular:400;--weight-medium:500;
  --weight-semibold:600;--weight-bold:700;

  /* Product type scale (mobile app, 390pt design width) */
  --text-screen-size:26px;--text-screen-lh:1.15;--text-screen-track:-0.6px; /* "Service Requests" */
  --text-figure-size:30px;--text-figure-lh:1;--text-figure-track:-1px;      /* stat tile numbers */
  --text-title-size:19px;--text-title-lh:1.3;--text-title-track:-0.3px;     /* card titles */
  --text-body-size:15px;--text-body-lh:1.5;
  --text-meta-size:13.5px;--text-meta-lh:1.45;
  --text-caption-size:12px;--text-caption-lh:1.4;

  /* The app's section label: uppercase sans, letterspaced, muted */
  --text-label-size:12px;--text-label-track:1.2px;
  --text-status-size:11.5px;--text-status-track:0.8px; /* status pill text */

  /* Brand/document type (dark surfaces, decks, the colour-system doc) */
  --text-display-size:50px;--text-display-lh:1;--text-display-track:-2.5px;
  --text-h1-size:34px;--text-h1-lh:1.1;--text-h1-track:-1.2px;
  --text-h2-size:24px;--text-h2-lh:1.2;--text-h2-track:-0.6px;
  --text-h3-size:18px;--text-h3-lh:1.3;--text-h3-track:-0.3px;
  --text-eyebrow-size:11px;--text-eyebrow-track:2.5px; /* mono eyebrow */

  /* Roles */
  --font-display:var(--weight-semibold) var(--text-display-size)/var(--text-display-lh) var(--font-sans);
  --font-body:var(--weight-regular) var(--text-body-size)/var(--text-body-lh) var(--font-sans);
  --font-ui:var(--weight-medium) 15px/1.2 var(--font-sans);
  --font-eyebrow:var(--weight-regular) var(--text-eyebrow-size)/1.2 var(--font-mono);
}