/*
 * Tipografia propia del tema: Zalando Sans SemiExpanded (titulos) y DM Sans (texto).
 *
 * Los archivos viven en assets/fonts/ y se sirven desde el propio tema en
 * vez de pedirlos a Google en cada visita: una peticion menos a un
 * dominio externo, sin depender de que fonts.googleapis.com este arriba.
 *
 * Solo se incluyen los pesos y el alfabeto que el prototipo usa de verdad
 * (latin: castellano con tildes y enie). Ver TOKENS.md, seccion 2.
 */

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('../fonts/dm-sans-400.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url('../fonts/dm-sans-500.woff2') format('woff2');
}

@font-face {
	font-family: 'DM Sans';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('../fonts/dm-sans-600.woff2') format('woff2');
}

/*
 * Zalando Sans SemiExpanded es una fuente variable: un solo archivo cubre
 * todos los pesos del rango. Se declara de 400 a 600 y el navegador no
 * pide ni usa nada por encima de 600.
 */
@font-face {
	font-family: 'Zalando Sans SemiExpanded';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/zalando-sans-semiexpanded-latin.woff2') format('woff2');
}