/* ============================================================
   TYPOGRAPHY — Parks Genie
   System-native: SF Pro for everything, SF Mono for any number
   that ticks, counts, or must align in a column (times, waits,
   countdowns, prices). No webfonts ship — we ride the platform.
   ============================================================ */

:root {
  /* families */
  --font-sys: -apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display",
              "Helvetica Neue", Helvetica, Arial, sans-serif;
  --font-mono: ui-monospace, "SF Mono", "SFMono-Regular", Menlo, monospace;

  /* type scale — px, tuned for a 390pt iPhone canvas */
  --fs-countdown: 30px;  /* the hero mm:ss / big number      */
  --fs-headline:  21px;  /* live headline, large stat        */
  --fs-title:     17px;  /* card / ride name                 */
  --fs-title-sm:  15.5px;/* dense card name                  */
  --fs-body:      14px;  /* default body                     */
  --fs-sub:       13px;  /* secondary / status line          */
  --fs-meta:      12.5px;/* meta row, captions               */
  --fs-chip:      11.5px;/* chips, pills                     */
  --fs-eyebrow:   11px;  /* uppercase tracked eyebrows       */
  --fs-micro:     10px;  /* mono ticks, tab labels           */

  /* weights */
  --fw-regular:   500;   /* body — never lighter than medium */
  --fw-medium:    600;
  --fw-bold:      700;   /* headings, values                 */
  --fw-heavy:     800;   /* eyebrows, hero CTAs              */

  /* tracking */
  --tracking-display: -.02em;  /* tighten large/bold type     */
  --tracking-tight:   -.01em;
  --tracking-eyebrow:  .12em;   /* open up uppercase eyebrows  */
  --tracking-caps:     .06em;

  /* line-height */
  --lh-tight:  1.12;   /* headlines, names                   */
  --lh-snug:   1.35;   /* status lines                       */
  --lh-body:   1.5;    /* paragraphs                         */

  /* numeric helper — apply with .pg-num or the token directly */
  --num-feature: "tnum" 1, "lnum" 1;
}

/* utility: tabular monospaced numerics for any ticking value */
.pg-mono {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
  letter-spacing: var(--tracking-tight);
}