/* ═══ LAS TIPOGRAFÍAS, SERVIDAS POR NOSOTROS ═══════════════════════
   Antes esto era un `<link>` a `fonts.googleapis.com` en cinco
   pantallas, y eso significa que **cada invitado que abre una web de
   boda le manda su IP a Google**. No un dato agregado: su IP, su
   navegador y qué boda estaba mirando, desde su casa.

   Y lo absurdo es que las fuentes ya viajaban en el repositorio desde
   el §4.26 —para generar la imagen de WhatsApp, que no puede tocar la
   red—. Las llevábamos encima y además llamábamos a Google.

   ── Por qué son variables y con rango, no tres ficheros ──────────
   Una sola variable cubre 300–700, así que el 400, el 500 y el 600
   que usa el sistema salen del mismo fichero. Con estáticas serían
   seis descargas.

   Y el `font-weight` del `@font-face` lleva **el rango de verdad**,
   leído del propio fichero (`fvar`), no uno inventado. Esto es el
   §4.27 y es la trampa de las variables: la instancia por defecto de
   Cormorant es **Light 300** y el sistema usa 500. Declarando el
   rango, el navegador interpola al peso que pide el CSS; sin
   declararlo, todo saldría fino y se vería en las nueve maquetas a la
   vez.

   ── Por qué recortadas ───────────────────────────────────────────
   Las variables completas pesan 2 MB entre las tres. Recortadas al
   mismo subconjunto latino que sirve Google y en `woff2`, **140 KB**.
   Servir los TTF enteros habría sido más lento que el tercero que
   queríamos quitar, o sea cambiar un problema por otro.

   ── `swap` ───────────────────────────────────────────────────────
   El texto se lee desde el primer momento con la fuente del sistema y
   cambia al llegar la nuestra. Una web de boda que se abre en el
   móvil de un invitado con mala cobertura tiene que decir a qué hora
   es la ceremonia aunque la tipografía llegue tarde.            */

@font-face{
  font-family:'Cormorant Garamond';
  src:url('/_a/fuentes/CormorantGaramond-VF-latin.woff2') format('woff2-variations'),
      url('/_a/fuentes/CormorantGaramond-VF-latin.woff2') format('woff2');
  font-weight:300 700;
  font-style:normal;
  font-display:swap;
}
@font-face{
  font-family:'Cormorant Garamond';
  src:url('/_a/fuentes/CormorantGaramond-Italic-VF-latin.woff2') format('woff2-variations'),
      url('/_a/fuentes/CormorantGaramond-Italic-VF-latin.woff2') format('woff2');
  font-weight:300 700;
  font-style:italic;
  font-display:swap;
}
@font-face{
  font-family:'Jost';
  src:url('/_a/fuentes/Jost-VF-latin.woff2') format('woff2-variations'),
      url('/_a/fuentes/Jost-VF-latin.woff2') format('woff2');
  font-weight:100 900;
  font-style:normal;
  font-display:swap;
}