/* Three roles: Anton for display, IBM Plex Mono for labels/eyebrows/data, Manrope for prose. */
:root {
  --font-display: "Anton", "Arial Narrow", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, monospace;
  --font-body: "Manrope", system-ui, sans-serif;

  /* Display scale — Anton, uppercase, tight */
  --text-hero: 88px;
  --text-hero-lh: 0.9;
  --text-h1: 64px;
  --text-h1-lh: 0.94;
  --text-h2: 44px;
  --text-h2-lh: 0.98;
  --text-h3: 28px;
  --text-h3-lh: 1.05;

  /* Body — Manrope */
  --text-lg: 19px;
  --text-lg-lh: 1.6;
  --text-base: 16px;
  --text-base-lh: 1.65;
  --text-sm: 14px;
  --text-sm-lh: 1.55;

  /* Mono — labels, eyebrows, metadata, numerals */
  --text-label: 12px;
  --text-label-lh: 1.2;
  --text-micro: 10.5px;
  --text-micro-lh: 1.2;

  --tracking-display: -0.01em;
  --tracking-label: 0.16em;
  --tracking-micro: 0.2em;
  --tracking-body: 0;

  --weight-body: 400;
  --weight-body-medium: 500;
  --weight-body-bold: 700;
}