/* ============================================================
   TYPOGRAPHY — Poppins (display/geometric) + Source Sans 3 (body)
   ============================================================ */
:root {
  --font-display: "Poppins", "Montserrat", system-ui, sans-serif;
  --font-body: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium: 500; /* @kind font */
  --fw-semibold: 600; /* @kind font */
  --fw-bold: 700; /* @kind font */
  --fw-extrabold: 800; /* @kind font */

  /* Type scale (fluid-friendly px) */
  --fs-display: 60px;   /* hero headline */
  --fs-h1: 44px;
  --fs-h2: 34px;
  --fs-h3: 26px;
  --fs-h4: 20px;
  --fs-lead: 20px;      /* intro paragraph */
  --fs-body: 17px;      /* base body 16–18px */
  --fs-body-sm: 15px;
  --fs-caption: 13px;
  --fs-overline: 13px;  /* uppercase eyebrow */

  /* Line heights */
  --lh-tight: 1.08; /* @kind font */
  --lh-heading: 1.18; /* @kind font */
  --lh-body: 1.6; /* @kind font */
  --lh-relaxed: 1.75; /* @kind font */

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