/* Las seis caras de la marca, autoalojadas.
 *
 * En un archivo aparte porque las cargan dos pantallas que no comparten nada
 * más: la página pública del reporte y la pantalla de escribirlo. Escribir en
 * la letra en la que se va a leer es la mitad de por qué escribir en Substack
 * se siente como se siente, y con las caras declaradas dentro de `reportes.css`
 * la pantalla de escribir no las tenía.
 *
 * Autoalojadas y no de Google Fonts: la política de seguridad de la aplicación
 * tiene `font-src 'self'` y un enlace de afuera no carga. Sirve además para no
 * contarle a un tercero quién está leyendo qué reporte.
 */

/* --- las fuentes ----------------------------------------------------------
 *
 * `swap` y no `block`: el texto se lee desde el primer instante con la cara de
 * respaldo y cambia cuando llega la buena. En una página cuyo único trabajo es
 * que alguien lea, esperar a la fuente para mostrar el texto es al revés. */

@font-face {
  font-family: "Archivo";
  src: url("/estaticos/fuentes/archivo-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Archivo";
  src: url("/estaticos/fuentes/archivo-800.woff2") format("woff2");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plex Serif";
  src: url("/estaticos/fuentes/plex-serif-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plex Serif";
  src: url("/estaticos/fuentes/plex-serif-400-italica.woff2") format("woff2");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: "Plex Serif";
  src: url("/estaticos/fuentes/plex-serif-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Plex Mono";
  src: url("/estaticos/fuentes/plex-mono-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}