/* ==========================================================================
   Tokens de diseño — agustinosconelpapa.com
   Fuente única de verdad: README del paquete de diseño.
   Las medidas fluidas usan cqi (1% del ancho de .sitio, que es el contenedor).
   ========================================================================== */

@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 400 900;
	font-stretch: 100%;
	font-display: swap;
	src: url("../fonts/archivo-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 400 900;
	font-stretch: 100%;
	font-display: swap;
	src: url("../fonts/archivo-latin.woff2") format("woff2");
	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;
}

:root {
	/* Color */
	--rojo: #BE1622;
	--rojo-hondo: #8E0F18;
	--rojo-vivo: #E8323F;          /* solo sobre fondo tinta */
	--tinta: #1D1B1A;
	--texto-2: #3C3A39;
	--texto-cuerpo: #2A2827;       /* cuerpo de noticia */
	--gris: #5A5756;
	--gris-claro: #C9C5C2;
	--gris-claro-2: #A9A4A1;
	--gris-pie: #E6E3E0;           /* párrafos sobre tinta */
	--gris-borde-oscuro: #8C8785;  /* huecos de logo sobre tinta */
	--linea-suave: #D8D5D3;
	--hueso: #F4F2EF;
	--placeholder: #EDEBE9;
	--placeholder-2: #E4E1DE;
	--papel: #FFFFFF;
	--seleccion: #F6D3D5;
	--halo: 0 0 0 6px rgba(190, 22, 34, .18);
	--halo-grande: 0 0 0 10px rgba(190, 22, 34, .18);

	/* Tipografía */
	--letra: "Archivo", system-ui, sans-serif;
	--fs-h1: clamp(44px, 6.4cqi, 104px);
	--fs-h1-destacada: clamp(34px, 4.4cqi, 68px);
	--fs-h1-noticia: clamp(40px, 6cqi, 96px);
	--fs-poster: clamp(38px, 5.2cqi, 80px);
	--fs-h2: clamp(28px, 3cqi, 42px);
	--fs-h3: clamp(19px, 1.55cqi, 23px);
	--fs-entradilla: clamp(17px, 1.4cqi, 20px);
	--fs-cuerpo: clamp(18px, 1.35cqi, 20px);
	--fs-ui: 15px;
	--fs-meta: 13px;
	--tracking-etiqueta: 0.08em;

	/* Espaciado y rejilla */
	--margen: clamp(20px, 4cqi, 56px);
	--seccion-y: clamp(32px, 4cqi, 64px);
	--hueco: clamp(24px, 3cqi, 40px);
	--ancho-texto: 720px;

	/* Forma */
	--regla: 2px solid var(--tinta);
	--regla-fina: 1px solid var(--tinta);
	--regla-suave: 1px solid var(--linea-suave);

	/* Movimiento */
	--transicion: 120ms ease;

	/* Fotografía: todas las fotos van a color (antes, las de actualidad iban en B/N).
	   Para volver al blanco y negro: grayscale(1) contrast(1.08). */
	--filtro-bn: none;
}