/* Historia Histórica · CSS base · versión 0.1.0
   Solo define variables (tokens de diseño). No cambia el aspecto de nada existente.
   Todos los nombres llevan el prefijo hh- (D35). */

:root {
	/* Colores (D33) */
	--hh-carbon: #17191B;
	--hh-marfil: #F3F0E8;
	--hh-rojo: #C9342D;
	--hh-rojo-claro: #E8574F;   /* texto pequeño rojo sobre fondos oscuros */
	--hh-rojo-oscuro: #A82A24;  /* hover y texto pequeño sobre marfil */
	--hh-azul: #395A78;
	--hh-verde: #66765B;        /* solo rellenos decorativos sin texto */
	--hh-verde-texto: #5A6A50;  /* superficies con texto en marfil */
	--hh-arena: #C9B27C;
	--hh-tarjeta: #ECE8DD;
	--hh-borde: #D9D4C7;
	--hh-texto-suave: #5A5D5F;

	/* Tipografía (las fuentes se autoalojarán en un paso posterior) */
	--hh-fuente-titulos: "Playfair Display", Georgia, "Times New Roman", serif;
	--hh-fuente-texto: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	/* Maquetación */
	--hh-contenedor: 1200px;
	--hh-lateral: 340px;
	--hh-radio: 4px;

	/* Escala de espacio (base de 4 px) */
	--hh-esp-1: 0.25rem;
	--hh-esp-2: 0.5rem;
	--hh-esp-3: 0.75rem;
	--hh-esp-4: 1rem;
	--hh-esp-6: 1.5rem;
	--hh-esp-8: 2rem;
	--hh-esp-12: 3rem;
	--hh-esp-16: 4rem;
	--hh-esp-24: 6rem;
}