/* UmmahPlaces type system (Nov 5 2026, Tab: "see sitewide text and font").
   Two families only, both from Bunny Fonts (no Google):
     Outfit    = every UI and body word  (--font-sans)
     Literata  = headings and place names (--font-display), 600 and 700
   One scale, one line-height pair, one measure. Page CSS reads these tokens, never a raw px size.
   Rules sit in @layer base so any Tailwind utility on an element still wins. */
:root {
  --up-fs-meta: 0.8125rem;   /* 13px: the floor. Dates, counts, source lines. Nothing smaller. */
  --up-fs-sm:   0.9375rem;   /* 15px: labels, hints, card detail */
  --up-fs-body: 1rem;        /* 16px: body, inputs (16 stops iOS zoom on focus) */
  --up-fs-lede: 1.1875rem;   /* 19px: the one intro paragraph under an H1 */
  --up-fs-h3:   1.25rem;     /* 20px */
  --up-fs-h2:   clamp(1.375rem, 1.15rem + 0.9vw, 1.75rem);   /* 22 to 28px */
  --up-fs-h1:   clamp(2rem, 1.55rem + 2vw, 2.75rem);         /* 32 to 44px */
  --up-lh-body: 1.6;
  --up-lh-head: 1.18;
  --up-measure: 62ch;        /* reading line: 55 to 70 characters */
}
@layer base {
  :where(h1, h2, h3, h4) { text-wrap: balance; }
  :where(p, li, dd, figcaption) { text-wrap: pretty; }
}
/* The shared footer asks for Instrument Sans, which this host never loads, so it fell to a system face.
   Point it at the face the rest of the page already has. */
body .umgf { --umgf-font-ui: var(--font-sans, 'Outfit', system-ui, sans-serif); }
.up-measure { max-width: var(--up-measure); }