/* Orbit v4.0 — type. 12 steps, floor 10px, three weights, four tracking values. */
:root {
  /* TYPEFACES */
  --display: "Space Grotesk", system-ui, sans-serif;   /* @kind font */ /* headings only */
  --sans:    "IBM Plex Sans", system-ui, sans-serif;   /* @kind font */ /* body, UI, nav */
  --mono:    "IBM Plex Mono", ui-monospace, monospace; /* @kind font */ /* ALL numerals */

  /* WEIGHTS — three, and only three */
  --w-light:  300; /* @kind font */
  --w-mono:   400; /* @kind font */
  --w-medium: 500; /* @kind font */
  --display-weight: 300;   /* @kind font */ /* set 500 to test a heavier display voice */

  /* TYPE SCALE — 12 steps, ratio ~1.2, floor 10px */
  --fs-10:  10px;   /* micro, eyebrow, table header */
  --fs-12:  12px;   /* metadata, table data, UI label */
  --fs-14:  14px;   /* body — UI default */
  --fs-17:  17px;   /* lead paragraph */
  --fs-20:  20px;   /* heading sm */
  --fs-24:  24px;   /* heading, KPI hero value */
  --fs-30:  30px;   /* display sm */
  --fs-36:  36px;   /* display */
  --fs-48:  48px;   /* display lg */
  --fs-64:  64px;   /* display xl */
  --fs-96:  96px;   /* numeral */
  --fs-128: 128px;  /* numeral lg */

  /* TRACKING — four values, no more */
  --tr-caps:    0.16em;
  --tr-data:    0.02em;
  --tr-tight:  -0.015em;
  --tr-tighter: -0.03em;

  /* LINE HEIGHTS in use */
  --lh-hero:  0.95; /* @kind font */
  --lh-display: 1.1; /* @kind font */
  --lh-heading: 1.3; /* @kind font */
  --lh-lede:  1.55; /* @kind font */
  --lh-body:  1.75; /* @kind font */
  --lh-ui:    1.4; /* @kind font */

  /* SEMANTIC TYPE ALIASES */
  --font-display: var(--display);
  --font-body:    var(--sans);
  --font-numeral: var(--mono);
  --text-eyebrow-size: var(--fs-10);
  --text-label-size:   var(--fs-12);
  --text-body-size:    var(--fs-14);
  --measure-body: 68ch; /* @kind spacing */
}