/* ─────────────────────────────────────────────────────────────
   Easy Peasy Media Co — Typography tokens
   Pairing: Safira March (display serif) + Inter (text/UI).
   Editorial scale with generous, airy headings.
   ───────────────────────────────────────────────────────────── */

:root {
  /* ── Families ────────────────────────────────────────────── */
  --font-display: "Safira March", "Cormorant Garamond", Georgia, serif;
  --font-sans:    "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono:    "SFMono-Regular", ui-monospace, "Menlo", monospace;

  /* ── Weights (Inter) ─────────────────────────────────────── */
  --fw-light:     300; /* @kind font */
  --fw-regular:   400; /* @kind font */
  --fw-medium:    500; /* @kind font */
  --fw-semibold:  600; /* @kind font */
  --fw-bold:      700; /* @kind font */

  /* ── Type scale (rem, 16px base) ─────────────────────────── */
  --fs-display:   4.5rem;   /* 72 — hero serif                  */
  --fs-h1:        3.25rem;  /* 52                               */
  --fs-h2:        2.5rem;   /* 40                               */
  --fs-h3:        1.875rem; /* 30                               */
  --fs-h4:        1.375rem; /* 22                               */
  --fs-lead:      1.25rem;  /* 20 — intro paragraph             */
  --fs-body:      1.0625rem;/* 17 — default body                */
  --fs-sm:        0.9375rem;/* 15                               */
  --fs-xs:        0.8125rem;/* 13                               */
  --fs-eyebrow:   0.75rem;  /* 12 — uppercase label             */

  /* ── Line heights ────────────────────────────────────────── */
  --lh-tight:     1.04;     /* @kind font */ /* display serif */
  --lh-snug:      1.18;     /* @kind font */ /* headings */
  --lh-normal:    1.5;      /* @kind font */ /* body */
  --lh-relaxed:   1.65;     /* @kind font */ /* long-form */

  /* ── Letter spacing ──────────────────────────────────────── */
  --ls-display:   -0.01em;  /* @kind font */
  --ls-tight:     -0.015em; /* @kind font */
  --ls-normal:    0;        /* @kind font */
  --ls-eyebrow:   0.22em;   /* wide tracking on caps  @kind font */
  --ls-caps:      0.08em;   /* @kind font */
}