/* ============================================================
   H2 AESTHETICS — TYPOGRAPHY TOKENS
   Montserrat throughout. Headlines run LIGHT (300) and sentence
   case with generous spacing; labels are Medium, uppercase, and
   tracked. Keep it spacious, clean, modern.
   ============================================================ */

:root {
  /* Families */
  --font-sans: 'Montserrat', 'Avenir Next', 'Helvetica Neue', Arial, sans-serif;
  --font-display: var(--font-sans);
  --font-body: var(--font-sans);
  --font-label: var(--font-sans);

  /* Weights */
  --weight-light:    300;  /* headlines, display */
  --weight-regular:  400;  /* body */
  --weight-medium:   500;  /* subheads, labels, buttons */
  --weight-semibold: 600;  /* emphasis */
  --weight-bold:     700;  /* rare, strong emphasis only */

  /* Type scale (1.250 major-third-ish, tuned) */
  --text-display:  clamp(2.75rem, calc(1.6rem + 4.6vw), 4.5rem);  /* hero */
  --text-h1:       2.5rem;    /* 40px */
  --text-h2:       2rem;      /* 32px */
  --text-h3:       1.5rem;    /* 24px */
  --text-h4:       1.25rem;   /* 20px */
  --text-lg:       1.125rem;  /* 18px lead */
  --text-base:     1rem;      /* 16px body */
  --text-sm:       0.875rem;  /* 14px */
  --text-xs:       0.75rem;   /* 12px label */

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

  /* Letter spacing */
  --tracking-tight:  -0.02em;   /* large display */
  --tracking-normal: 0;
  --tracking-wide:   0.04em;
  --tracking-label:  0.16em;    /* uppercase labels */

  /* Semantic roles */
  --font-heading-weight: var(--weight-light);
  --font-subhead-weight: var(--weight-medium);
  --font-body-weight:    var(--weight-regular);
}