/* ============================================================
   TYPOGRAPHY
   Display + headings: Cormorant Garamond (Light for display caps,
   Medium for headings, sentence case).
   Body: Lato Regular, 17px minimum on desktop, generous line height.
   Whitespaced caps over imagery; ocean ink on light surfaces.
   ============================================================ */

:root {
  /* --- Families --- */
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-heading: "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-body:    "Lato", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  /* --- Weights --- */
  --weight-display:    300;  /* Cormorant Light */
  --weight-heading:    500;  /* Cormorant Medium */
  --weight-body:       400;  /* Lato Regular */
  --weight-body-light: 300;  /* Lato Light, for large intros */

  /* --- Type scale (size / line-height) --- */
  --text-wordmark:    28px;   /* Spaced caps wordmark, scales up over hero */
  --text-display:     56px;   /* Hero display, Cormorant Light */
  --leading-display:  1.08;

  --text-h1:          44px;   /* H1 44/52 */
  --leading-h1:       52px;
  --text-h2:          30px;   /* H2 30/38 */
  --leading-h2:       38px;
  --text-h3:          22px;   /* H3 22/30 */
  --leading-h3:       30px;

  --text-lead:        21px;   /* Section intro, Lato Light */
  --leading-lead:     1.65;

  --text-body:        17px;   /* Body minimum on desktop */
  --leading-body:     1.7;
  --text-body-sm:     15px;   /* Meta, secondary */
  --leading-body-sm:  1.6;
  --text-caption:     13px;   /* Captions, fine print */
  --leading-caption:  1.5;

  /* --- Letter spacing --- */
  --tracking-wordmark: 0.42em;  /* Widely spaced caps wordmark */
  --tracking-caps:     0.28em;  /* Spaced caps labels / eyebrows */
  --tracking-button:   0.12em;  /* Button + nav labels */
  --tracking-heading:  0.005em; /* Cormorant headings, near-neutral */
  --tracking-body:     0.005em;
}