/* Three roles. Display sets titles and big numbers; sans does the talking;
   mono does every rating, delta, count and uppercase micro-label. */
:root {
  --font-display: "Inter Tight", system-ui, -apple-system, sans-serif;
  --font-sans: "IBM Plex Sans", system-ui, -apple-system, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --text-2xs: 11px;
  --text-xs: 12px;
  --text-sm: 13px;
  --text-base: 14px;
  --text-md: 15px;
  --text-body: 16px;
  --text-lg: 18px;
  --text-xl: 20px;
  --text-2xl: 24px;
  --text-3xl: 28px;
  --text-4xl: 34px;
  --text-5xl: 44px;

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

  --leading-tight: 1.1;
  --leading-snug: 1.35;
  --leading-body: 1.55;

  /* Display type is tracked in; mono micro-labels are tracked out. */
  --tracking-display: -0.022em;
  --tracking-tight: -0.012em;
  --tracking-label: 0.08em;
  --tracking-loud: 0.12em;
}