/* WNM River Trip — Typography tokens
 * Fredoka for display (bouncy & bold, readable), Nunito for body/UI,
 * Caveat for hand-drawn accents. Type scale is generous and friendly.
 */
:root {
  --font-display: 'Fredoka', 'Trebuchet MS', system-ui, sans-serif;
  --font-body:    'Nunito', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-hand:    'Caveat', 'Bradley Hand', cursive;

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

  /* Fluid-ish display scale (px) */
  --fs-display-xl: 76px; /* hero */
  --fs-display-l:  56px;
  --fs-display-m:  42px;
  --fs-h1:         34px;
  --fs-h2:         27px;
  --fs-h3:         21px;
  --fs-body-lg:    19px;
  --fs-body:       17px;
  --fs-body-sm:    15px;
  --fs-caption:    13px;
  --fs-overline:   12px;

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

  /* Letter spacing */
  --ls-tight:    -0.02em; /* @kind other */
  --ls-normal:   0; /* @kind other */
  --ls-wide:     0.04em; /* @kind other */
  --ls-overline: 0.14em; /* uppercase eyebrows @kind other */

  /* Semantic type roles */
  --type-hero-family:    var(--font-display);
  --type-hero-weight:    var(--fw-semibold);
  --type-heading-family: var(--font-display);
  --type-heading-weight: var(--fw-semibold);
  --type-body-family:    var(--font-body);
  --type-body-weight:    var(--fw-regular);
  --type-accent-family:  var(--font-hand);
}