:root {
  --font-display: "Literata", Georgia, "Times New Roman", serif;
  --font-body: "Atkinson Hyperlegible Next", "Atkinson Hyperlegible", "Segoe UI", system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace;

  /* Scale — base 17px for older eyes; nothing below 14px */
  --text-xs: 14px;
  --text-sm: 15px;
  --text-md: 17px;
  --text-lg: 19px;
  --text-xl: 22px;
  --text-2xl: 26px;
  --text-3xl: 32px;
  --text-4xl: 40px;

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

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

  --tracking-label: 0.01em;
  --tracking-caps: 0.06em;

  /* Semantic roles */
  --type-display: var(--weight-medium) var(--text-4xl)/var(--leading-tight) var(--font-display);
  --type-h1: var(--weight-medium) var(--text-3xl)/var(--leading-tight) var(--font-display);
  --type-h2: var(--weight-medium) var(--text-2xl)/var(--leading-snug) var(--font-display);
  --type-h3: var(--weight-semibold) var(--text-xl)/var(--leading-snug) var(--font-body);
  --type-h4: var(--weight-semibold) var(--text-lg)/var(--leading-snug) var(--font-body);
  --type-body: var(--weight-regular) var(--text-md)/var(--leading-body) var(--font-body);
  --type-body-sm: var(--weight-regular) var(--text-sm)/var(--leading-body) var(--font-body);
  --type-label: var(--weight-semibold) var(--text-sm)/var(--leading-snug) var(--font-body);
  --type-caption: var(--weight-regular) var(--text-xs)/var(--leading-snug) var(--font-body);
  --type-mono: var(--weight-regular) var(--text-sm)/var(--leading-snug) var(--font-mono);
}