/* MAIN FORTE — Typography tokens */
:root {
  /* Families */
  --font-display: 'Archivo', 'Arial Narrow', system-ui, sans-serif; /* wordmark + big titles */
  --font-sans:    'Mulish', system-ui, -apple-system, sans-serif;   /* body + UI */
  --font-hand:    'Caveat', 'Comic Sans MS', cursive;               /* headline handwriting */
  --font-annotate:'Shantell Sans', 'Comic Sans MS', cursive;        /* annotations / captions */

  /* Weights */
  --fw-regular: 400; /* @kind font */
  --fw-medium:  500; /* @kind font */
  --fw-semibold:600; /* @kind font */
  --fw-bold:    700; /* @kind font */
  --fw-black:   800; /* @kind font */

  /* Type scale (rem, 16px base) */
  --text-2xs: 0.6875rem;  /* 11 — micro labels */
  --text-xs:  0.75rem;    /* 12 — captions */
  --text-sm:  0.875rem;   /* 14 — small body / UI */
  --text-md:  1rem;       /* 16 — body */
  --text-lg:  1.125rem;   /* 18 — lead */
  --text-xl:  1.375rem;   /* 22 — h4 */
  --text-2xl: 1.75rem;    /* 28 — h3 */
  --text-3xl: 2.25rem;    /* 36 — h2 */
  --text-4xl: 3rem;       /* 48 — h1 */
  --text-5xl: 4rem;       /* 64 — display */
  --text-6xl: 5.5rem;     /* 88 — hero display */

  /* Line heights */
  --lh-tight:   1.05; /* @kind font */
  --lh-snug:    1.2;  /* @kind font */
  --lh-normal:  1.5;  /* @kind font */
  --lh-relaxed: 1.65; /* @kind font */

  /* Tracking */
  --ls-tight:  -0.01em; /* @kind font */
  --ls-normal: 0;       /* @kind font */
  --ls-wide:   0.04em;  /* @kind font */
  --ls-caps:   0.12em;  /* @kind font */

  /* Semantic roles */
  --title-display:  var(--fw-black) var(--text-5xl)/var(--lh-tight) var(--font-display);
  --title-h1:       var(--fw-bold)  var(--text-4xl)/var(--lh-tight) var(--font-display);
  --title-h2:       var(--fw-bold)  var(--text-3xl)/var(--lh-snug)  var(--font-display);
  --title-h3:       var(--fw-semibold) var(--text-2xl)/var(--lh-snug) var(--font-display);
  --body-base:      var(--fw-regular) var(--text-md)/var(--lh-relaxed) var(--font-sans);
  --body-small:     var(--fw-regular) var(--text-sm)/var(--lh-normal) var(--font-sans);
}