/* ============================================================
   TYPOGRAPHY — Chepstow Hearing Clinic
   Display/headings: Playfair Display (serif)
   Body / UI:        Inter (sans)
   Scale is gentle and generous — the audience skews older, so
   body text never goes below 16px and line-heights are roomy.
   ============================================================ */

:root {
  /* Families */
  --font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
  --font-body:    'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

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

  /* Type scale */
  --text-display:  4rem;        /* 64px — hero */
  --text-h1:       3rem;        /* 48px */
  --text-h2:       2.25rem;     /* 36px */
  --text-h3:       1.625rem;    /* 26px */
  --text-h4:       1.25rem;     /* 20px */
  --text-lead:     1.1875rem;   /* 19px — intro paragraphs */
  --text-body-lg:  1.0625rem;   /* 17px */
  --text-body:     1rem;        /* 16px base */
  --text-small:    0.875rem;    /* 14px */
  --text-xs:       0.75rem;     /* 12px — labels, legal */

  /* Line heights */
  --leading-tight:   1.12;   /* display & big headings */
  --leading-snug:    1.28;   /* sub-headings */
  --leading-normal:  1.6;    /* body */
  --leading-relaxed: 1.75;   /* long-form reading */

  /* Letter spacing */
  --tracking-tight:  -0.02em;  /* large Playfair display */
  --tracking-normal: 0;
  --tracking-wide:   0.08em;   /* eyebrow / overline labels */
  --tracking-wider:  0.14em;
}