/* ──────────────────────────────────────────────────────────────────────
   PetCalc self-hosted fonts — Playful Pop edition (2026-07-09)
   - Lexend (display/headings): variable-ish latin subset, wght 400–700
   - Inter (body/UI): variable latin subset, wght 400–600
   - Metric-matched fallback @font-face blocks eliminate font-swap CLS
   - Self-hosted woff2 downloaded from Google's font server (NOT the CDN link):
     no render-blocking external CSS chain, keeps the Core Web Vitals wins.
   Total payload: ~88KB (Inter 48KB + Lexend 40KB), latin subset only.
   ────────────────────────────────────────────────────────────────────── */

/* Lexend — headings (variable, latin subset) */
@font-face {
  font-family: 'Lexend';
  font-style: normal;
  font-weight: 400 700;
  font-display: optional;
  src: url('/fonts/lexend-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* Inter — body/UI (variable, latin subset) */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400 600;
  font-display: optional;
  src: url('/fonts/inter-latin.woff2') format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ── Metric-matched fallbacks (zero CLS on font swap) ──
   These render in the system font but scaled so glyph metrics closely match
   the web font. Inserted in the font-family stack BETWEEN the web font and the
   generic fallback, so when the web font swaps in there is no layout shift.
   Overrides tuned for Inter → Arial and Lexend → Arial. */

@font-face {
  font-family: 'Inter Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Liberation Sans'), local('sans-serif');
  ascent-override: 90.44%;
  descent-override: 22.52%;
  line-gap-override: 0%;
  size-adjust: 107.64%;
}

@font-face {
  font-family: 'Lexend Fallback';
  src: local('Arial'), local('Helvetica Neue'), local('Helvetica'), local('Liberation Sans'), local('sans-serif');
  ascent-override: 84.72%;
  descent-override: 21.18%;
  line-gap-override: 0%;
  size-adjust: 114.94%;
}