/* Self-hosted brand fonts — served from our own origin (Cloudflare edge), so no
 * visitor data is sent to Google's font CDN. Subsets: latin + latin-ext (covers
 * EN/ES/PT). font-display: swap shows fallback text immediately, then swaps.
 *
 * IBM Plex Sans → body · Literata → headings (h1–h4). Keep in sync with the
 * Tailwind fontFamily config and the inline <style> in each page. */

/* IBM Plex Sans */
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-v23-latin_latin-ext-regular.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-v23-latin_latin-ext-500.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-v23-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-family: 'IBM Plex Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-v23-latin_latin-ext-700.woff2') format('woff2');
}

/* MuseoModerno — brand logotype face (the Pypo "y"); used by the
 * Spreadsheet Invaders mini-game to draw the player ship as a "Y". */
@font-face {
  font-family: 'MuseoModerno';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/museomoderno-v29-latin-700.woff2') format('woff2');
}

/* Literata */
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/literata-v40-latin_latin-ext-600.woff2') format('woff2');
}
@font-face {
  font-family: 'Literata';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/literata-v40-latin_latin-ext-700.woff2') format('woff2');
}