/* ORZOMI typography — "Two voices, one grid".
   Space Grotesk: headlines, numbers, anything loud (400/500/700)
   Jost: paragraphs, interface copy, captions (400/500/600) — geometric like the wordmark
   IBM Plex Mono: labels, code, data (400/500) */
:root {
  --font-display: 'Space Grotesk', sans-serif;
  --font-body: 'Jost', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* Fibonacci type scale */
  --text-89: 89px;
  --text-55: 55px;
  --text-34: 34px;
  --text-21: 21px;
  --text-16: 16px;
  --text-13: 13px;
  --text-11: 11px;

  /* Semantic type */
  --type-h1: 700 var(--text-55)/1.04 var(--font-display); /* letter-spacing -0.01em */
  --type-h2: 700 var(--text-34)/1.1 var(--font-display);
  --type-h3: 500 var(--text-21)/1.3 var(--font-display);
  --type-body: 400 var(--text-16)/1.6 var(--font-body);   /* 16/26, generous measure */
  --type-label: 400 12px/1.5 var(--font-mono);            /* letter-spacing .22em, uppercase */
  --type-mono-detail: 400 var(--text-13)/1.7 var(--font-mono);

  --tracking-label: .22em;
  --tracking-h1: -.01em;
}