/* fuentes.css — las dos familias de la marca, servidas desde el propio dominio.
 *
 * Decisión D7 del runbook. El sitio NO enlaza a fonts.googleapis.com: eso haría que
 * el navegador de cada familia que visita el sitio le entregara su IP a Google sin
 * que nadie se lo pidiera, y además mete dos orígenes más en el camino crítico
 * —uno para el CSS y otro para los archivos—, cada uno con su DNS y su TLS.
 *
 * Los archivos los produce `npm run fuentes`. Son VARIABLES: un archivo por familia
 * cubre todos los pesos, así que no hay cuatro descargas por tipografía.
 *
 * El `OFL.txt` de cada familia vive junto a los .woff2 en esta misma carpeta. Es la
 * única obligación material de la licencia (A3 Anexo I §1) y el guion falla si falta.
 */

@font-face {
  font-family: 'Fredoka';
  src: url('../fuentes/fredoka.woff2') format('woff2-variations'),
       url('../fuentes/fredoka.woff2') format('woff2');
  /* El archivo es variable: este rango es lo que habilita pedir cualquier peso
   * intermedio sin descargar nada más. Se le fijó el eje `wdth` en 100 porque no
   * lo usamos, y eso lo dejó en menos de la mitad. */
  font-weight: 300 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fuentes/figtree.woff2') format('woff2-variations'),
       url('../fuentes/figtree.woff2') format('woff2');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('../fuentes/figtree-italica.woff2') format('woff2-variations'),
       url('../fuentes/figtree-italica.woff2') format('woff2');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

/* La de titulares conviene precargarla en el <head> de la plantilla base, porque
 * ahora vive en el propio origen y precargar sí rinde:
 *
 *   <link rel="preload" href="/assets/fuentes/fredoka.woff2"
 *         as="font" type="font/woff2" crossorigin>
 *
 * La de texto NO se precarga: es la que el navegador pide de inmediato igual, y
 * precargar las dos compite por el mismo ancho de banda del primer render.
 */