/**
 * Las fuentes del tema, autoalojadas.
 *
 * Ni una petición a Google: los archivos viven en assets/fonts. Además de la
 * privacidad, evita el salto de texto de las primeras décimas de segundo cuando
 * la fuente viene de otro dominio.
 *
 * Esta hoja se encola la PRIMERA y sin depender de nada, para que el navegador
 * descubra las familias cuanto antes. Si fuera detrás de mdb.min.css —medio
 * mega— las descargaría medio segundo más tarde y se vería el cambio de letra.
 *
 * Qué familia usa el sitio lo decide el Personalizador, escribiendo
 * --owari-fuente-cuerpo y --owari-fuente-titulos. Aquí solo se declara lo que
 * hay disponible.
 */

/*
 * Roboto es la fuente con la que está pensado MDB.
 *
 * Un único archivo VARIABLE cubre de 100 a 900: 43 KB para todos los pesos,
 * frente a los cuatro archivos que harían falta en estático. Por eso el
 * `font-weight` de la declaración es un rango y no un número.
 */
@font-face {
	font-family: 'Roboto';
	src: url('../fonts/roboto-latin-variable.woff2') format('woff2-variations'),
		url('../fonts/roboto-latin-variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	/* Latino básico y suplemento: es lo que trae el archivo. Declararlo evita
	   que el navegador la descargue para una página que no la necesita. */
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
		U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191,
		U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/*
 * Montserrat, la de la casa: es la que ya usa owari-web. Aquí en estático y
 * solo cuatro pesos —los que se usan de verdad en un sitio— en vez de los siete
 * que hay allí.
 */
@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-latin-400-normal.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-latin-500-normal.woff2') format('woff2');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-latin-600-normal.woff2') format('woff2');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/montserrat-latin-700-normal.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}