/* ============================================================
   GynJess — Typography
   Display = Cormorant Garamond (serif). UI/body = Mulish (sans).
   ============================================================ */

:root {
  /* — Families — */
  --font-display: 'Cormorant Garamond', 'Cormorant', Georgia, 'Times New Roman', serif;
  --font-body:    'Mulish', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-serif:   var(--font-display);
  --font-sans:    var(--font-body);

  /* — Type scale (display uses serif; body uses sans) — */
  --text-display: 4.25rem;   /* 68px — hero */
  --text-h1:      3rem;      /* 48px */
  --text-h2:      2.25rem;   /* 36px */
  --text-h3:      1.625rem;  /* 26px */
  --text-h4:      1.25rem;   /* 20px */
  --text-lead:    1.25rem;   /* 20px — intro paragraphs */
  --text-body:    1rem;      /* 16px */
  --text-sm:      0.875rem;  /* 14px */
  --text-xs:      0.75rem;   /* 12px — labels, eyebrows */

  /* — Weights — */
  --weight-light:    300;
  --weight-regular:  400;
  --weight-medium:   500;
  --weight-semibold: 600;
  --weight-bold:     700;

  /* — Line heights — */
  --leading-tight:   1.1;
  --leading-snug:    1.25;
  --leading-normal:  1.55;
  --leading-relaxed: 1.7;

  /* — Tracking — */
  --tracking-tight:  -0.01em;
  --tracking-normal: 0;
  --tracking-wide:   0.08em;
  --tracking-eyebrow: 0.18em;  /* uppercase eyebrows / labels */
}