/* ── ESTE FICHERO ES LA COPIA DE AIPROOFHUB ──────────────────────────────────
   Mismo contenido que `site/assets/fonts.css`, con SOLO las tres familias que
   usa este dominio. No se enlaza al otro sitio: pedirle las fuentes a
   recommendedbyai.app seria volver a hacer una peticion a un tercero desde el
   punto de vista del navegador, que es justo lo que esto quita.
   El porque completo esta en la cabecera del otro fichero. */

/* ── ARCHIVO · la UI ──────────────────────────────────────────────────────── */
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/archivo-400.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/archivo-500.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/archivo-600.woff2") format("woff2");
}
@font-face {
  font-family: "Archivo";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/assets/fonts/archivo-700.woff2") format("woff2");
}

/* ── SPLINE SANS MONO · las cifras y los kickers ──────────────────────────── */
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-400.woff2") format("woff2");
}
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-500.woff2") format("woff2");
}
@font-face {
  font-family: "Spline Sans Mono";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/assets/fonts/spline-sans-mono-600.woff2") format("woff2");
}

/* ── NEWSREADER · el display de AIProof ───────────────────────────────────────
   VARIABLE, y por eso va en dos ficheros en vez de en seis: el eje `opsz`
   (tamaño óptico) es lo que hace que un titular de 48 px y una entradilla de
   16 px no usen el mismo dibujo. Fijarlo a pesos sueltos tiraría esa variación,
   que es justo por lo que se eligió esta familia.

   ── `format("woff2")`, NO `format("woff2-variations")` ──────────────────────

   Escribí primero `woff2-variations`, y eso era un fallo con la peor forma
   posible: un `format()` que el navegador no reconoce no es un aviso, hace que
   descarte esa fuente entera y caiga al respaldo. `woff2-variations` fue una
   propuesta temprana que no llegó a la norma —CSS Fonts 4 dice
   `format(woff2) tech(variations)`— así que el valor correcto y universal es
   `woff2` a secas: todo navegador que sabe leer woff2 variable lo entiende.

   Era el error del proyecto otra vez, en su forma más tonta: 272 KB de fuente
   en el repositorio, servidos, y ni una página mostrándolos. */
@font-face {
  font-family: "Newsreader";
  font-style: normal;
  font-weight: 200 800;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/newsreader-var.woff2") format("woff2");
}
@font-face {
  font-family: "Newsreader";
  font-style: italic;
  font-weight: 200 800;
  font-stretch: normal;
  font-display: swap;
  src: url("/assets/fonts/newsreader-italic-var.woff2") format("woff2");
}