/*
Tokens Aurora Boza.
Copiado literal del bloque :root de docs/superpowers/specs/2026-09-05-web-aurora-boza-design.md
§5.2. Ni un valor de color, tamaño o espaciado se escribe fuera de este archivo. [LEÍDO]
*/

:root {
	/* --- color: dos, y ni uno más --------------------------------------- */
	--negro: #000;
	--blanco: #fff;
	--tinta: var(--negro);          /* texto sobre claro */
	--papel: var(--blanco);         /* fondo claro */
	--tenue: #767676;               /* secundario; 4.54:1 sobre blanco */
	--linea: #d8d8d8;               /* filete sobre claro */
	--linea-osc: #2e2e2e;           /* filete sobre negro */

	/* --- tipografía: composición (fluida) ------------------------------- */
	--t-display: clamp(3.5rem, 11vw, 11rem);      /* 158px a 1440 */
	--t-xl:      clamp(2.5rem, 6.6vw, 6.5rem);    /*  95px a 1440 */
	--t-l:       clamp(1.75rem, 3.2vw, 3.25rem);  /*  46px a 1440 */
	--t-m:       clamp(1.35rem, 1.9vw, 1.75rem);  /*  27px a 1440 */

	/* --- tipografía: lectura (con suelo) -------------------------------- */
	--t-cuerpo:   1.0625rem;   /* 17px */
	--t-cartela:  0.9375rem;   /* 15px */
	--t-etiqueta: 0.8125rem;   /* 13px, versales, tracking +0.14em */

	/* Interlíneas de los papeles, para que quien tenga que reponer una tras pisarla Elementor no
	   reescriba el número a mano. */
	/* El título de la ficha de obra: un escalón por encima de --t-l para que se distinga de los
	   títulos de las otras obras de la serie, que van debajo con ese mismo papel. 75 px a 1440. */
	--t-obra: clamp(2.5rem, 5.2vw, 5.25rem);

	--lh-etiqueta: 1.2;
	--lh-cartela:  1.5;
	--lh-cuerpo:   1.65;

	/* --- ritmo ----------------------------------------------------------- */
	--s-1: clamp(0.75rem, 1.1vw, 1rem);      /* 16px  pegado */
	--s-2: clamp(1.5rem, 2.2vw, 2rem);       /* 32px  entre imágenes */
	--s-3: clamp(2.5rem, 4vw, 3.5rem);       /* 56px  dentro de un bloque */
	--s-4: clamp(4rem, 6.5vw, 5.5rem);       /* 94px  entre bloques */
	--s-5: clamp(5.5rem, 9.5vw, 8.5rem);     /* 137px entre secciones */
	--s-6: clamp(7rem, 13vw, 12rem);         /* 187px apertura y cierre */

	/* --- campo ------------------------------------------------------------ */
	--margen: clamp(1rem, 1.9vw, 2rem);      /* 27px a 1440; sin max-width */
	--canal:  clamp(0.75rem, 1.4vw, 1.5rem); /* 20px a 1440 */
	--columnas: 12;

	/* --- movimiento -------------------------------------------------------- */
	--ms-rapido: 180ms;
	--ms-normal: 420ms;
	--ms-lento:  900ms;
	--ms-cine:   1400ms;
	/* El barrido de CUALQUIER telón del sitio: el fondo del menú, la cortina al cubrir y al destapar
	   (Andi, 06-09: «si el menú son 0,5, la cortina de entrada 0,5 y destapa 0,5»). Lo lee
	   `movimiento.js`; `cabecera.js` todavía lleva su 0.50 escrito a mano. */
	--ms-telon:  500ms;
	--curva-salida:  cubic-bezier(0.22, 1, 0.36, 1);
	--curva-ambas:   cubic-bezier(0.65, 0, 0.35, 1);

	/* --- filete: grosor de línea divisoria --------------------------------- */
	--filete: 1px;
}

/* --tenue se redefine en oscuro porque #767676 sobre negro da 3,4:1 y no llega a AA. */
.a-claro { --tinta: var(--negro); --papel: var(--blanco); --linea: #d8d8d8; }
.a-oscuro { --tinta: var(--blanco); --papel: var(--negro); --linea: var(--linea-osc); --tenue: #9a9a9a; }
.a-claro, .a-oscuro { background: var(--papel); color: var(--tinta); }

/* Añadidos por T2 (bis), reescalados ×5/9 (Andi, 05-09: revoca el «más grande» del mismo día,
   logotipo a nivel del botón — INFORME-CABECERA-6.md). Se borran --gap-menu-escritorio/
   --pad-item-menu/--pad-subitem-escritorio: el menú horizontal que los usaba ya no existe. */
:root {
	--logo-alto: clamp(1.25rem, 4.44vw, 2.5rem);
	--boton-menu: 30px;
	--filete-inicio: 4px;
	/* Trazo propio de la hamburguesa, mas grueso que el filete general del sitio (Andi, 05-09). */
	--filete-menu: 2px;
	--filete-ancho: 22px;
	--filete-ancho-2: 14px;      /* la de abajo, mas corta: dos trazos iguales parecen un simbolo */
	/* Los tops dejan el CENTRO de los dos trazos en el centro del boton (30/2 = 15), que es donde
	   la caja centra la palabra MENU: asi los tres se leen a la misma altura. */
	--filete-top-cerrado-1: 11px;
	--filete-top-cerrado-2: 17px;
	--filete-top-abierto: 14px;
	--sangria-subitem-panel: 1.5rem;
	--salto-escalon: 16px;
	--paso-escalon: 40ms;
	--ancho-panel: min(420px, 88vw);
	/* T5 (bis): lado de la foto de museo que sigue al ratón. Escala con la ventana porque Andi la
	   quería más grande en escritorio (05-09); el suelo de 220px deja el móvil como estaba, donde
	   este mismo valor lo usa la foto fija de la fila. */
	--museo-flotante: clamp(220px, 24vw, 440px);
}