:root {
  --font-display: "Newsreader", Georgia, "Times New Roman", serif;
  --font-ui: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, SFMono-Regular, monospace;

  /* Said — the speaker's own words. The largest thing on any screen. */
  --said-lg: 31px;
  --said-md: 25px;
  --said-sm: 23px;
  --said-prior: 16px;

  /* Notes — the AI's written follow-ups. Always smaller than what was said. */
  --note-lg: 20px;
  --note-md: 17px;
  --note-sm: 16px;

  /* Meta — mono, uppercase, tracked out. Status, counts, hints. */
  --label: 10px;
  --meta: 11px;
  --body: 12px;

  --lh-said: 1.45;
  --lh-note: 1.45;
  --lh-meta: 1.8;
  --track-label: .16em;
  --track-meta: .12em;
  --weight-said: 300;
  --weight-note: 400;
}