/* Pumpkin Nights — Typography scale.
   Display: Jaapokki (the wordmark font) — ALL CAPS, tight, cinematic.
   Script: PureHeart — brush lettering for city names & playful flourishes.
   Kicker/label: League Gothic — tall condensed caps with wide tracking.
   Body/UI: Karla. */

:root {
  --font-display: "Jaapokki", "Arial Narrow", sans-serif;
  --font-display-outline: "Jaapokki Enchance", "Jaapokki", sans-serif;
  --font-script: "PureHeart", "Brush Script MT", cursive;
  --font-condensed: "League Gothic", "Oswald", "Arial Narrow", sans-serif;
  --font-body: "Karla", -apple-system, "Segoe UI", sans-serif;

  /* Type scale (px, rem-friendly) */
  --fs-display-xl: 7rem;     /* hero wordmark */
  --fs-display-lg: 4.5rem;
  --fs-display-md: 3rem;
  --fs-display-sm: 2rem;
  --fs-h1: 2.75rem;
  --fs-h2: 2rem;
  --fs-h3: 1.5rem;
  --fs-h4: 1.25rem;
  --fs-kicker: 1rem;         /* League Gothic label */
  --fs-body-lg: 1.25rem;
  --fs-body: 1.0625rem;
  --fs-body-sm: 0.9375rem;
  --fs-caption: 0.8125rem;

  /* Line heights */
  --lh-display: 0.92; /* @kind font */
  --lh-tight: 1.05; /* @kind font */
  --lh-snug: 1.25; /* @kind font */
  --lh-body: 1.6; /* @kind font */

  /* Tracking */
  --ls-display: 0.01em; /* @kind font */
  --ls-kicker: 0.22em; /* @kind font */ /* wide-tracked condensed caps */
  --ls-label: 0.08em; /* @kind font */
  --ls-body: 0.005em; /* @kind font */

  --fw-regular: 400; /* @kind font */
  --fw-bold: 700; /* @kind font */
}