/* =====================================================================
   FS - Fuentes propias
   Las tres familias del sistema, servidas por el propio servidor.

   Parte de la hoja de estilos de FS, que se sirve en varios archivos
   enlazados en orden desde src/views/_estilos.php. Este va primero.
   =====================================================================

   POR QUE ESTAN ACA Y NO EN UN CDN
   --------------------------------
   La sala se tiene que poder quedar sin internet y que la aplicacion se
   vea igual. Con un <link> a Google Fonts, el dia que se corta el cable
   la aplicacion aparece con la tipografia del sistema y se ve rota.
   Los .woff2 viven en public/assets/fonts y pesan 108 KB entre los
   cinco: se bajan una vez y quedan en la cache del navegador.

   Las tres son de licencia libre (SIL Open Font License), asi que
   alojarlas nosotros esta permitido y no hay que pedirle permiso a
   nadie.

   POR QUE VARIABLES Y NO UN ARCHIVO POR PESO
   ------------------------------------------
   El CSS de FS ya usaba pesos intermedios -550, 650, 750- en once
   reglas escritas mucho antes que esto. Con un archivo por peso, un 550
   se redondea al 500 o al 600 y esas reglas dejan de hacer lo que dicen.
   Una fuente variable interpola de verdad: el 550 es un 550.

   Ademas son menos archivos: una familia entera entra en lo que pesaban
   dos pesos sueltos.

   IBM Plex Mono no tiene version variable, asi que van sus tres pesos
   sueltos, que son los unicos que usa la aplicacion.

   SUBCONJUNTO LATINO
   ------------------
   Solo el subconjunto `latin`, que cubre todo el castellano -acentos,
   ñ, ¿ y ¡ incluidos-. Los simbolos sueltos que aparecen en pantalla
   (✕, →, √, ☾) NO estan en estas fuentes y los dibuja la fuente del
   sistema, igual que hasta ahora.

   font-display: swap — el texto se lee desde el primer pintado con la
   tipografia del sistema y cambia cuando la propia esta lista. En la red
   de la sala es un parpadeo que no se llega a ver; con la cache fria de
   un telefono, es la diferencia entre leer y esperar.
   ===================================================================== */

/* Oswald — la condensada de los titulos y las pestañas. Se lee de lejos
   y ocupa poco a lo ancho, que es lo que hace falta en una fila de
   pestañas con seis etiquetas. */
@font-face {
  font-family: "Oswald";
  font-style: normal;
  font-weight: 200 700;
  font-display: swap;
  src: url("../fonts/oswald-variable-latin.woff2") format("woff2");
}

/* Source Sans 3 — el texto de todos los dias: las tablas, los
   formularios, la bitacora. Humanista, pensada para pantalla y con un
   rango de pesos que cubre desde el 200 hasta el 900. */
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 200 900;
  font-display: swap;
  src: url("../fonts/source-sans-3-variable-latin.woff2") format("woff2");
}

/* IBM Plex Mono — los UID, los REQUI, los codigos de pieza y las
   fechas. Monoespaciada de verdad, con el cero tajado: en una columna
   de UID, un 0 y una O que se parezcan cuestan un viaje al salon. */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-500-latin.woff2") format("woff2");
}

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

/* El 700 esta porque cinco reglas lo piden sobre texto monoespaciado, y no
   son cualquiera: los dias fuera de servicio, el UID de la tabla, el
   marcador de reincidencia. Sin este archivo el navegador las dibujaria
   con el 600, que es un poco mas flaco justo en los numeros que se miran
   de reojo desde lejos. */
@font-face {
  font-family: "IBM Plex Mono";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../fonts/ibm-plex-mono-700-latin.woff2") format("woff2");
}