/* ============================================================
   TYPOGRAPHY — Pamela Krista
   Display: Editor's Note (thin serif, often italic for accents)
   Body / UI: MADE Tommy (light/regular/medium only)
   Rule from brand guide: never exceed the stated weights.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Editors Note", Georgia, "Times New Roman", serif;
  --font-body:    "Made Tommy", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* ---- Weights (brand ceilings) ---- */
  --fw-display:  300;   /* @kind font */
  --fw-light:    300;   /* @kind font */
  --fw-regular:  400;   /* @kind font */
  --fw-medium:   500;   /* @kind font */

  /* ---- Type scale (rem) ---- */
  --text-xs:    0.75rem;    /* 12px — eyebrows, captions */
  --text-sm:    0.8125rem;  /* 13px — hints */
  --text-base:  1rem;       /* 16px — body */
  --text-md:    1.125rem;   /* 18px */
  --text-lg:    1.5rem;     /* 24px — card titles */
  --text-xl:    2rem;       /* 32px */
  --text-2xl:   2.5rem;     /* 40px */
  --text-3xl:   3rem;       /* 48px — hero */
  --text-4xl:   3.5rem;     /* 56px — top pick */

  /* ---- Line heights ---- */
  --leading-tight:   1.05;
  --leading-snug:    1.2;
  --leading-normal:  1.6;

  /* ---- Letter spacing ---- */
  --tracking-display:  -0.01em;  /* serif headings tighten slightly */
  --tracking-body:      0.005em;
  --tracking-eyebrow:   0.16em;  /* uppercase MADE Tommy labels */
  --tracking-wide:      0.18em;
}