/* Type for Spanish pages, linked only from them (src/layouts/Base.astro), so
   English pages neither load these rules nor download these fonts.

   One file per weight holds the "core" characters of src/styles/fonts.css and
   the Spanish letters together, so a Spanish page loads as many font files as
   an English one. They are subset from the same latin files, without TrueType
   hinting (macOS, iOS and Android ignore it), which keeps them smaller. U+2010
   and U+2011 map to the hyphen glyph, which a browser may draw where a soft
   hyphen breaks a word. The soft hyphen and the space share each file: a
   browser hides a soft hyphen with the space glyph of its own face, and a face
   without the space would pass it on to the full latin file. The faces need no
   unicode-range; a character a file lacks falls through to the Plex faces in
   src/styles/fonts.css. */
@font-face {
  font-family: 'IBM Plex Sans ES';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-es-300-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans ES';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-es-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Sans ES';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-sans-es-500-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono ES';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/ibm-plex-mono-es-400-normal.woff2') format('woff2');
}

@font-face {
  font-family: 'IBM Plex Mono ES';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/ibm-plex-mono-es-500-normal.woff2') format('woff2');
}

:root:lang(es) {
  --font-sans: 'IBM Plex Sans ES', 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono: 'IBM Plex Mono ES', 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Menlo, monospace;
}