/* ============================================================
   TYPOGRAPHY · BakeryOS
   Display / headings  → elegant book serif (the "menu card" feel).
   UI / body           → clean humanist sans (native system stack).
   All numbers use tabular-nums for money / hours / quantities.

   FONT NOTE: BakeryOS uses the native Apple book-serif (Iowan Old
   Style / Palatino) on purpose — it ships zero webfonts for an
   instant, offline-first PWA feel. On non-Apple platforms the stack
   falls back to Palatino Linotype / Book Antiqua / Georgia, which
   carry the same warm oldstyle character. No @font-face required.
   ============================================================ */

:root {
  /* — Families — */
  /* — Families — */
  /* Display serif ships as TeX Gyre Pagella (a Palatino-family webfont), so the
     "menu card" type renders identically on every platform. The Palatino/Georgia
     names remain as graceful fallbacks if the webfont is ever stripped. */
  --serif: "TeX Gyre Pagella", "Palatino Linotype", Palatino, "Book Antiqua", Georgia, "Times New Roman", serif; /* @kind font */
  --sans:  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* @kind font */

  --font-display: var(--serif); /* @kind font */
  --font-body:    var(--sans); /* @kind font */

  /* — Type scale (px). hero/title use the serif; body/label use sans — */
  --fs-hero:      44px;   /* dashboard / landing headline (desktop)   */
  --fs-hero-mob:  30px;   /* hero on mobile                           */
  --fs-display:   34px;   /* splash / big serif                       */
  --fs-title:     24px;   /* page title                               */
  --fs-title-sm:  20px;   /* topbar crumb / section head              */
  --fs-kpi:       30px;   /* KPI numbers (serif, tabular)             */
  --fs-card:      16.5px; /* card title (serif)                       */
  --fs-body:      15px;   /* body                                     */
  --fs-body-sm:   14px;   /* dense body / table                       */
  --fs-label:     11px;   /* eyebrow / uppercase tracked label        */
  --fs-micro:     12px;   /* footnote / caption                       */

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

  /* — Line heights — */
  --lh-tight:  1.05; /* @kind font */
  --lh-snug:   1.2;  /* @kind font */
  --lh-body:   1.5;  /* @kind font */

  /* — Tracking — */
  --tracking-eyebrow: 4px;   /* @kind font */
  --tracking-label:   1.2px; /* @kind font */
  --tracking-nav:     2.5px; /* @kind font */
}

/* Number-bearing elements should opt into tabular figures:
   font-variant-numeric: tabular-nums (money, hours, quantities). */