/* Type — four families, three display roles.
   Inter = UI + section headings (always 600, never 400 for a heading).
   Literata = reading body (poems, chapters), line-height 1.8.
   Fraunces = editorial display only: book/chapter H1, hero, featured name,
   and display numbers (StatCard value, plan price). Never reading body.
   Geist Mono = occasional monospace. */
:root {
  --font-inter: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-literata: Literata, Georgia, "Times New Roman", serif;
  --font-fraunces: Fraunces, Georgia, "Times New Roman", serif;
  --font-geist-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;

  --font-sans: var(--font-inter);
  --font-display: var(--font-inter);
  --font-serif: var(--font-literata);
  --font-editorial: var(--font-fraunces);
  --font-mono: var(--font-geist-mono);

  /* Fluid display scale, 375px → 1440px viewport. */
  --text-display-hero: clamp(2.5rem, 1.97rem + 2.25vw, 4rem); /* @kind other */
  --text-display-title: clamp(1.875rem, 1.57rem + 1.32vw, 2.75rem); /* @kind other */
  --text-display-section: clamp(1.25rem, 1.07rem + 0.75vw, 1.75rem); /* @kind other */

  /* Reading body — reader-adjustable between 0.9375rem and 1.3125rem. */
  --reader-font-size: 1.0625rem; /* @kind other */
  --reader-line-height: 1.8; /* @kind other */
  --reader-measure: 46ch; /* @kind other */
}

.font-display { font-family: var(--font-display); font-weight: 600; }
.font-editorial { font-family: var(--font-editorial); font-weight: 600; }
.font-reading { font-family: var(--font-serif); font-weight: 400; }