/* Tokens El Mensajero Digital: tinta #111111, acento #081c30 (AA con blanco), marca #23c9d0. Generado por herramientas/armar.py. */
:root {
	--t-tinta: #111111;
	--t-gris: #626262;
	--t-linea: #E0E0E0;
	--t-fondo: #FFFFFF;
	--t-papel: #F5F5F5;
	--t-papel2: #ECECEC;
	--t-acento: #081c30;
	--t-marca: #23c9d0;
	--t-acento-suave: #E6E8EA;
	--t-noche: #111111;
	--t-vivo: #C62828;
	--t-titular: "DM Serif Text", Georgia, serif;
	--t-texto: "DM Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
	--t-serif: "DM Serif Text", Georgia, serif;
	--t-ancho: 1280px;
	--t-r: 4px;
}
/* Alias de las variables de cada maqueta hacia los tokens del sitio (--t-*), para mezclar piezas de maquetas
   distintas (header de una, portada de otra…) con el CSS copiado tal cual de herramientas/pieza.py.
   Se pega al final de tokens.css. Cada sitio define solo los --t-*:
   tinta, gris, linea, fondo, papel, papel2, acento (texto/botón con blanco, AA), marca (decorativo, color vivo),
   acento-suave, noche (bandas oscuras), vivo (en vivo/alertas), titular / texto / serif (fuentes), ancho, r. */
:root {
	--mn-tinta: var(--t-tinta); --mn-gris: var(--t-gris); --mn-linea: var(--t-linea); --mn-fondo: var(--t-fondo); --mn-papel: var(--t-papel);
	--mn-acento: var(--t-acento); --mn-acento-suave: var(--t-acento-suave); --mn-sans: var(--t-texto); --mn-serif: var(--t-serif); --mn-ancho: var(--t-ancho); --mn-r: var(--t-r);

	--dh-noche: var(--t-noche); --dh-tinta: var(--t-tinta); --dh-gris: var(--t-gris); --dh-linea: var(--t-linea); --dh-fondo: var(--t-fondo); --dh-papel: var(--t-papel);
	--dh-acento: var(--t-marca); --dh-acento-txt: var(--t-acento); --dh-sans: var(--t-texto); --dh-serif: var(--t-serif); --dh-ancho: var(--t-ancho); --dh-r: var(--t-r);

	--sg-tinta: var(--t-tinta); --sg-gris: var(--t-gris); --sg-linea: var(--t-linea); --sg-fondo: var(--t-fondo); --sg-papel: var(--t-papel);
	--sg-acento: var(--t-acento); --sg-acento-suave: var(--t-acento-suave); --sg-titular: var(--t-titular); --sg-texto: var(--t-texto); --sg-ancho: var(--t-ancho); --sg-r: var(--t-r);

	--pr-tinta: var(--t-tinta); --pr-gris: var(--t-gris); --pr-linea: var(--t-linea); --pr-fondo: var(--t-fondo); --pr-papel: var(--t-papel);
	--pr-acento: var(--t-acento); --pr-acento-suave: var(--t-acento-suave); --pr-serif: var(--t-serif); --pr-sans: var(--t-texto); --pr-ancho: var(--t-ancho); --pr-r: var(--t-r);
	--pr-v-ok: #15803D; --pr-v-no: #B91C1C; --pr-v-medio: #B45309;

	--cu-fondo: var(--t-fondo); --cu-panel: var(--t-papel); --cu-panel-2: var(--t-papel2); --cu-texto: var(--t-tinta); --cu-gris: var(--t-gris); --cu-linea: var(--t-linea);
	--cu-acento: var(--t-acento); --cu-acento-osc: var(--t-noche); --cu-titular: var(--t-titular); --cu-sans: var(--t-texto); --cu-ancho: var(--t-ancho); --cu-r: var(--t-r);

	--dp-tinta: var(--t-tinta); --dp-gris: var(--t-gris); --dp-linea: var(--t-linea); --dp-fondo: var(--t-fondo); --dp-papel: var(--t-papel); --dp-noche: var(--t-noche);
	--dp-acento: var(--t-acento); --dp-acento-suave: var(--t-acento-suave); --dp-vivo: var(--t-vivo); --dp-amarilla: var(--t-marca); --dp-cond: var(--t-titular); --dp-sans: var(--t-texto); --dp-ancho: var(--t-ancho); --dp-r: var(--t-r);

	--sd-tinta: var(--t-tinta); --sd-gris: var(--t-gris); --sd-linea: var(--t-linea); --sd-fondo: var(--t-fondo); --sd-papel: var(--t-papel); --sd-noche: var(--t-noche);
	--sd-acento: var(--t-acento); --sd-acento-suave: var(--t-acento-suave); --sd-vivo: var(--t-vivo); --sd-slab: var(--t-titular); --sd-sans: var(--t-texto); --sd-ancho: var(--t-ancho); --sd-r: var(--t-r);

	/* Paleta de Astra alineada al sitio (sin tocar opciones en BD) */
	--ast-global-color-0: var(--t-acento); --ast-global-color-1: var(--t-marca); --ast-global-color-2: var(--t-tinta); --ast-global-color-3: var(--t-gris);
	--ast-global-color-4: var(--t-fondo); --ast-global-color-5: var(--t-papel); --ast-global-color-6: var(--t-tinta); --ast-global-color-7: var(--t-linea); --ast-global-color-8: var(--t-tinta);
}

/* Variables de libre apuntadas a los tokens del sitio */
:root {
	--fn-tinta: var(--t-tinta);
	--fn-gris: var(--t-gris);
	--fn-linea: var(--t-linea);
	--fn-fondo: var(--t-fondo);
	--fn-papel: var(--t-papel);
	--fn-negro: var(--t-noche);
	--fn-acento: var(--t-acento);
	--fn-titular: var(--t-titular);
	--fn-sans: var(--t-texto);
	--fn-serif: var(--t-serif);
	--fn-ancho: 1200px;
}
/* Variables de d16 apuntadas a los tokens del sitio */
:root {
	--bz-tinta: var(--t-tinta);
	--bz-gris: var(--t-gris);
	--bz-linea: var(--t-linea);
	--bz-fondo: var(--t-fondo);
	--bz-papel: var(--t-papel);
	--bz-acento: var(--t-acento);
	--bz-acento-oscuro: color-mix(in srgb, var(--t-acento) 82%, #000);
	--bz-acento-suave: var(--t-acento-suave);
	--bz-serif: var(--t-serif);
	--bz-sans: var(--t-texto);
	--bz-mono: "IBM Plex Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;
	--bz-ancho: 1280px;
	--bz-r: 6px;
}
/* Variables de d10 apuntadas a los tokens del sitio */
:root {
	--gd-tinta: var(--t-tinta);
	--gd-gris: var(--t-gris);
	--gd-linea: var(--t-linea);
	--gd-fondo: var(--t-fondo);
	--gd-papel: var(--t-papel);
	--gd-acento: var(--t-acento);
	--gd-acento-claro: color-mix(in srgb, var(--t-marca) 55%, #fff);
	--gd-acento-suave: var(--t-acento-suave);
	--gd-serif: var(--t-serif);
	--gd-sans: var(--t-texto);
	--gd-ancho: 1280px;
	--gd-r: 12px;
}
/* Variables de titular apuntadas a los tokens del sitio */
:root {
	--ti-tinta: var(--t-tinta);
	--ti-gris: var(--t-gris);
	--ti-linea: var(--t-linea);
	--ti-fondo: var(--t-fondo);
	--ti-papel: var(--t-papel);
	--ti-negro: var(--t-noche);
	--ti-acento: var(--t-marca);
	--ti-sobre-acento: #111111;
	--ti-titular: var(--t-titular);
	--ti-texto: var(--t-texto);
	--ti-ancho: 1280px;
}