/* ============================================================
   TYPOGRAPHY TOKENS — Montserrat only, both brands.
   pt sizes from the 2026 moodboard (1080px canvas) → px ≈ pt × 1.33.
   SemiBold(600) is reserved; moodboard rule: use Medium(500) where
   SemiBold is unavailable (Canva parity).
   ============================================================ */
:root {
  /* Weights */
  --weight-light: 300;    /* footer / fine print */
  --weight-regular: 400;  /* body */
  --weight-medium: 500;   /* H3 / labels (SemiBold substitute) */
  --weight-bold: 700;     /* H1, H2, CTAs, keywords */
  --weight-extrabold: 800;/* wordmark-in-type only */

  /* Social-canvas scale (1080×1080 artboards) */
  --text-keyword-size: 160px;      /* giant keyword, 120–150pt, Bold, accent color */
  --text-keyword-max: 200px;
  --canvas-h1: 62px;               /* 44–48pt Bold */
  --canvas-h2: 38px;               /* 26–30pt Bold */
  --canvas-h3: 28px;               /* 20–22pt Medium */
  --canvas-body: 21px;             /* 14–16pt Regular */
  --canvas-footer: 15px;           /* 11–12pt Light 50% */

  /* Document / UI scale */
  --text-h1: 44px;
  --text-h2: 28px;
  --text-h3: 21px;
  --text-body-size: 16px;
  --text-caption: 13px;

  /* Rhythm */
  --leading-tight: 1.05;   /* keywords, display */
  --leading-heading: 1.15;
  --leading-body: 1.55;
  --tracking-display: 0.01em;
  --tracking-caps: 0.14em; /* pre-titles, eyebrows, ALL CAPS labels */
}

body {
  font-family: var(--font-sans);
  font-weight: var(--weight-regular);
  color: var(--text-body);
}