/*
 * ECN — Tokens de marca (EcomNoticias)
 * =====================================
 * Fuente única de verdad visual, según docs/01-sistema-visual.md.
 * Portable: importar desde cualquier tema hijo sin modificarlo.
 * REGLA: ningún valor hexadecimal se escribe literal fuera de este archivo.
 *
 * El rojo identifica a ECN. El azul certifica el dato. Roles que no se cruzan:
 * --ecn-azul-dato es EXCLUSIVO de componentes de dato del Observatorio.
 */

:root {
	/* ---- Colores de marca (manual de marca 2026-07-30) ---- */
	--ecn-negro: #111111;        /* Negro Editorial: texto, titulares, fondos oscuros */
	--ecn-rojo: #D0202A;         /* Rojo Al Aire: categorías, Suscríbete, EN VIVO */
	--ecn-blanco: #FFFFFF;       /* Fondo base */
	--ecn-gris: #6B7280;         /* Gris Prensa: sumarios, texto secundario */

	/* ---- Color funcional (NO es color de marca) ---- */
	--ecn-azul-dato: #1B4F9C;    /* EXCLUSIVO: cifras con fuente y metodología */

	/* ---- Neutros derivados (superficies y bordes del sistema) ---- */
	--ecn-gris-superficie: #F5F5F5;
	--ecn-gris-borde: #DDDDDD;

	/* ---- Semánticos de dato (variaciones del Observatorio) ---- */
	--ecn-variacion-positiva: #1E7A3C;
	--ecn-variacion-negativa: var(--ecn-rojo);

	/*
	 * ---- Tipografía (docs/04-tipografia.md) ----
	 * Archivo variable (Omnibus-Type, OFL 1.1), autohospedada en el tema
	 * hijo. Una sola familia para todo el sistema: los roles se resuelven
	 * moviendo los ejes wght y wdth, no mezclando familias.
	 */
	--ecn-font-titular: 'Archivo', 'Archivo Narrow', 'Helvetica Neue', Arial, sans-serif;
	--ecn-font-cuerpo: 'Archivo', 'Helvetica Neue', Arial, sans-serif;

	/* Ejes variables por rol */
	--ecn-titular-wght: 800;
	--ecn-titular-wdth: 80;
	--ecn-cifra-wght: 900;
	--ecn-cifra-wdth: 75;

	/* ---- Escala tipográfica (base 16px, razón ~1.25) ---- */
	--ecn-fs-xs: 0.75rem;    /* 12px — notas, fuente del dato */
	--ecn-fs-sm: 0.875rem;   /* 14px — metadatos, tablas */
	--ecn-fs-base: 1rem;     /* 16px — cuerpo */
	--ecn-fs-md: 1.25rem;    /* 20px — subtítulos */
	--ecn-fs-lg: 1.5625rem;  /* 25px — títulos de tarjeta */
	--ecn-fs-xl: 1.953rem;   /* 31px — cifras destacadas */
	--ecn-fs-2xl: 2.441rem;  /* 39px — cifra principal de ficha */
	--ecn-fs-3xl: 3.052rem;  /* 49px — La cifra del día */

	/* ---- Escala de espaciado (base 4px) ---- */
	--ecn-sp-1: 0.25rem;   /*  4px */
	--ecn-sp-2: 0.5rem;    /*  8px */
	--ecn-sp-3: 0.75rem;   /* 12px */
	--ecn-sp-4: 1rem;      /* 16px */
	--ecn-sp-5: 1.5rem;    /* 24px */
	--ecn-sp-6: 2rem;      /* 32px */
	--ecn-sp-7: 3rem;      /* 48px */

	/* ---- Otros tokens del sistema ---- */
	--ecn-radio-borde: 4px;
	--ecn-ancho-linea-dato: 3px; /* filete azul de componentes de dato */
	--ecn-borde-cifra-dia: 2px;  /* borde rojo de La cifra del día */
}