/* ============================================================
   TYPOGRAPHY — Blue Horizon Holistics
   Gotu (humanist display serif) for headings & numerals.
   Lato (warm grotesque) for body, UI, labels.
   ============================================================ */
:root {
  --font-display: 'Gotu', 'Cochin', Georgia, serif;
  --font-body: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Type scale (px) — website + CRM reconciled */
  --fs-eyebrow: 12px;   /* uppercase tracked label */
  --fs-caption: 12px;
  --fs-sm:      13px;
  --fs-body:    15px;   /* base */
  --fs-md:      17px;
  --fs-lg:      21px;
  --fs-xl:      26px;
  --fs-2xl:     32px;
  --fs-3xl:     40px;
  --fs-4xl:     52px;   /* hero display */

  /* Line heights */
  --lh-tight:   1.2; /* @kind other */
  --lh-heading: 1.3; /* @kind other */
  --lh-snug:    1.45; /* @kind other */
  --lh-body:    1.6; /* @kind other */

  /* Weights (Lato ships 300/400/700/900) */
  --fw-light:   300; /* @kind font */
  --fw-regular: 400; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-black:   900; /* @kind font */

  /* Letter-spacing */
  --ls-tight:   -0.02em; /* @kind other */
  --ls-normal:  0; /* @kind other */
  --ls-wide:    0.06em; /* @kind other */
  --ls-wider:   0.08em; /* @kind other */
}