/**
 * Tokens de diseño — Normativa de la Hermandad de la Macarena.
 *
 * Reutiliza la ESTRUCTURA de variables de classical-tokens.css (el fichero
 * de referencia del proyecto) pero con los VALORES reales de DESIGN-SYSTEM.md,
 * que es el documento de cumplimiento obligatorio. Ningún color, tipografía,
 * radio o sombra de este fichero debe usarse fuera de esta tabla.
 *
 * @package Hdad_Normativa
 */

:root {

	/* ---- Tipografía ---- */
	--hdad-fuente-titulares: 'Cormorant Garamond', serif;
	--hdad-fuente-texto: 'Instrument Sans', sans-serif;

	--hdad-peso-titulares: 400;
	--hdad-peso-texto-regular: 400;
	--hdad-peso-texto-medio: 500;

	--hdad-tam-h1-pagina: clamp(44px, 9vw, 150px);
	--hdad-interlineado-h1-pagina: 0.90;
	--hdad-tracking-h1-pagina: -0.02em;

	--hdad-tam-h1-lector: clamp(28px, 4.4vw, 62px);
	--hdad-interlineado-h1-lector: 1.02;
	--hdad-tracking-h1-lector: -0.01em;

	--hdad-tam-h2-seccion: clamp(24px, 3.2vw, 42px);
	--hdad-interlineado-h2-seccion: 1.05;
	--hdad-tracking-h2-seccion: 0;

	--hdad-tam-fila-titulo: clamp(19px, 2.2vw, 28px);
	--hdad-interlineado-fila-titulo: 1.15;
	--hdad-tracking-fila-titulo: 0;

	--hdad-tam-numero-articulo: clamp(17px, 1.8vw, 22px);
	--hdad-interlineado-numero-articulo: 1.2;
	--hdad-tracking-numero-articulo: 0.04em;

	--hdad-tam-articulado-base: 14px;
	--hdad-interlineado-articulado: 1.9;
	--hdad-escala-texto-min: 0.875;
	--hdad-escala-texto-max: 1.5;

	--hdad-tam-capitulo-indice: 14px;
	--hdad-interlineado-capitulo-indice: 1.6;

	--hdad-tam-kicker: 10px;
	--hdad-tracking-kicker: 0.20em;

	--hdad-tam-metadatos: 10px;
	--hdad-tracking-metadatos: 0.15em;

	--hdad-medida-maxima-prosa: 78ch;

	/* ---- Color sobre marfil (fondo base) ---- */
	--hdad-marfil: #f4f0e7;
	--hdad-marfil-titulares: #1b1a17;
	--hdad-marfil-articulado: rgba(27, 26, 23, .80);
	--hdad-marfil-parrafo-secundario: rgba(27, 26, 23, .68);
	--hdad-marfil-metadatos: rgba(27, 26, 23, .50);
	--hdad-marfil-nota-discreta: rgba(27, 26, 23, .45);
	--hdad-marfil-enlace: #7d5411;
	--hdad-marfil-acento: #b68235;
	--hdad-marfil-filete: rgba(27, 26, 23, .12);
	--hdad-marfil-filete-lista: rgba(27, 26, 23, .10);
	--hdad-marfil-borde-caja: rgba(27, 26, 23, .16);
	--hdad-marfil-subrayado-enlace: rgba(125, 84, 17, .35);

	/* ---- Color sobre verde (bandas de sección) ---- */
	--hdad-verde: #0e2a20;
	--hdad-verde-profundo: #081913;
	--hdad-verde-texto: #f4f0e7;
	--hdad-verde-parrafo: rgba(244, 240, 231, .82);
	--hdad-verde-metadatos: rgba(244, 240, 231, .50);
	--hdad-verde-kicker: #d8b26a;
	--hdad-verde-epigrafe: rgba(216, 178, 106, .85);
	--hdad-verde-filete: rgba(244, 240, 231, .16);
	--hdad-verde-borde-caja: rgba(244, 240, 231, .20);

	/* ---- Composición ---- */
	--hdad-margen-lateral: clamp(20px, 5vw, 80px);
	--hdad-separacion-secciones: clamp(40px, 6vw, 100px);
	--hdad-radio-esquina: 0;

	/* ---- Foco de teclado ---- */
	--hdad-foco-color: #b68235;
	--hdad-foco-ancho: 2px;
	--hdad-foco-separacion: 2px;
}