/* Rubik autoalojada, en un solo archivo variable.
 *
 * Sustituye la llamada a fonts.googleapis.com. Dos motivos:
 *
 *  1. Velocidad. La versión de Google obliga al navegador a resolver DNS y
 *     abrir conexión con dos dominios ajenos (googleapis y gstatic) antes de
 *     poder pintar texto. Sirviendo el archivo desde el mismo origen se ahorra
 *     ese viaje completo.
 *
 *  2. Privacidad. Cada visita enviaba la IP del visitante a Google, lo que
 *     obligaba a declararlo como transferencia a terceros en el aviso de
 *     privacidad. Autoalojada, esa transferencia desaparece.
 *
 * Es una fuente *variable*: un único archivo de ~40 KB cubre todo el rango de
 * grosores de 300 a 900, en vez de seis archivos estáticos. Una sola petición
 * de red en lugar de siete.
 *
 * `font-weight: 300 900` es la sintaxis que le dice al navegador que este
 * archivo cubre ese rango continuo. Los navegadores que no entienden fuentes
 * variables ignoran la regla y caen a la fuente de sistema, que ya está
 * declarada en el `font-family` del body.
 *
 * `font-display: swap` pinta el texto de inmediato con la fuente de sistema y
 * cambia a Rubik al cargar, en vez de dejar la página en blanco.
 *
 * Nota: Rubik no incluye flechas (→ ←). Esos caracteres ya se dibujaban con
 * una fuente de respaldo antes de este cambio, así que no hay diferencia.
 *
 * El archivo se generó con:
 *   pyftsubset Rubik-VariableFont_wght.ttf --flavor=woff2
 *     --unicodes=<latin + latin-ext> --layout-features='kern,liga,clig,calt'
 */

@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url('fonts/rubik-variable.woff2') format('woff2-variations'),
       url('fonts/rubik-variable.woff2') format('woff2');
}