/* ============================================================
   John Jeff — Typography tokens
   Display: Eighties Comeback (serif, retro curves) — headlines.
   Body:    Poppins (geometric sans) — body, subheads, UI.
   Per guidelines: Eighties Comeback in medium (500) & semi-bold
   (600); Poppins in light/regular/medium/bold.
   ============================================================ */

:root {
  /* ---- Families ---- */
  --font-display: "Eighties Comeback", "Playfair Display", Georgia, serif;
  --font-body:    "Poppins", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* ---- Weights (Poppins light / display medium+semibold / poster black) ---- */
  --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 */
  --fw-black:     900; /* @kind font */

  /* ---- Type scale (fluid-friendly). hero / 44-64 / 32-44 ... ---- */
  --fs-display:   clamp(3.5rem, 7vw, 6rem);    /* @kind font */
  --fs-h1:        clamp(2.75rem, 5vw, 4rem);   /* @kind font */
  --fs-h2:        clamp(2rem, 3.5vw, 2.75rem); /* @kind font */
  --fs-h3:        1.625rem;  /* @kind font */
  --fs-h4:        1.25rem;   /* @kind font */
  --fs-lead:      1.375rem;  /* @kind font */
  --fs-body:      1.0625rem; /* @kind font */
  --fs-small:     0.9375rem; /* @kind font */
  --fs-caption:   0.8125rem; /* @kind font */
  --fs-overline:  0.75rem;   /* @kind font */

  /* ---- Line heights ---- */
  --lh-tight:   1.04; /* @kind font */
  --lh-snug:    1.15; /* @kind font */
  --lh-normal:  1.6;  /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

  /* ---- Letter spacing ---- */
  --ls-display:  -0.01em; /* @kind font */
  --ls-tight:    -0.02em; /* @kind font */
  --ls-normal:   0;       /* @kind font */
  --ls-overline: 0.18em;  /* @kind font */
}