/* Stylify typography tokens */
:root {
  /* Families */
  --font-display: "Newsreader", Georgia, "Times New Roman", serif; /* editorial display — the "document" voice */
  --font-sans: "Public Sans", -apple-system, "Segoe UI", sans-serif; /* UI + body */
  --font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;     /* model + technical labels */

  /* Scale — marketing */
  --text-display-xl: 400 64px/1.05 var(--font-display);   /* hero; letter-spacing -1px */
  --text-display: 400 44px/1.1 var(--font-display);       /* section display; ls -0.5px */
  --text-heading-lg: 500 28px/1.2 var(--font-display);    /* card/feature headings */

  /* Scale — product UI (compact) */
  --text-h1: 600 20px/1.25 var(--font-sans);
  --text-h2: 600 16px/1.3 var(--font-sans);
  --text-h3: 600 13px/1.35 var(--font-sans);
  --text-body: 400 14px/1.5 var(--font-sans);
  --text-body-sm: 400 13px/1.45 var(--font-sans);
  --text-caption: 400 12px/1.4 var(--font-sans);
  --text-micro: 400 11px/1.35 var(--font-sans);
  --text-button: 600 13px/1.2 var(--font-sans);
  --text-mono-label: 500 11px/1.4 var(--font-mono);       /* uppercase, ls 0.06em */

  --ls-display: -0.02em;
  --ls-mono-label: 0.06em;
}