/* ─────────────────────────────────────────────────────────────
   TYPOGRAPHY — Jakub Komárek
   Expressive serif (Newsreader) for headlines and emotional accents;
   clean sans (Hanken Grotesk) for body, UI and labels.
   Oversized headlines, generous reading size, calm tracking.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Families ── */
  --font-serif:   "Newsreader", Georgia, "Times New Roman", serif;
  --font-sans:    "Hanken Grotesk", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: var(--font-serif);
  --font-body:    var(--font-sans);

  /* ── Weights ── */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* ── Type scale (rem @16px base) ── */
  --text-2xs:  0.75rem;   /* 12 — micro labels */
  --text-xs:   0.8125rem; /* 13 — eyebrows, captions */
  --text-sm:   0.9375rem; /* 15 — meta, UI small */
  --text-base: 1.0625rem; /* 17 — body */
  --text-md:   1.1875rem; /* 19 — lead body */
  --text-lg:   1.375rem;  /* 22 */
  --text-xl:   1.75rem;   /* 28 */
  --text-2xl:  2.25rem;   /* 36 */
  --text-3xl:  3rem;      /* 48 */
  --text-4xl:  4rem;      /* 64 */
  --text-5xl:  5.25rem;   /* 84 */
  --text-6xl:  7rem;      /* 112 — hero, oversized */

  /* ── Line heights ── */
  --leading-none:    1;
  --leading-tight:   1.08;  /* display headlines */
  --leading-snug:    1.22;  /* large serif */
  --leading-normal:  1.5;
  --leading-relaxed: 1.65;  /* body copy */

  /* ── Letter spacing ── */
  --tracking-tighter: -0.03em;  /* big serif display */
  --tracking-tight:   -0.015em;
  --tracking-normal:  0em;
  --tracking-wide:    0.08em;
  --tracking-wider:   0.18em;   /* uppercase eyebrows */

  /* ── Semantic roles ── */
  --display-font:   var(--font-serif);
  --display-weight: var(--weight-regular);
  --heading-font:   var(--font-serif);
  --eyebrow-font:   var(--font-sans);
}