/* ==========================================================================
   La Heroica — Tokens visuales institucionales (UI-1A · ADR-0026)
   Tercera Compañía de Bomberos de Santiago · 1863

   Capa de DEFINICIÓN: declara custom properties en :root y NO estiliza ningún
   selector. Centraliza el lenguaje visual (radios, sombras, foco, estados) para
   que los componentes lo compartan en lugar de inventar valores sueltos.

   Carga: se registra como `laheroica-tokens` y es DEPENDENCIA de main.css y de los
   block styles (front), y se añade PRIMERO con add_editor_style() (el editor
   concatena por orden, sin grafo de dependencias). En la QA del admin (donde el
   theme NO carga) este archivo no está presente: por eso TODO componente referencia
   los tokens con un fallback literal —`var(--lh-radius-md, 3px)`— y degrada solo.

   Identidad: este archivo aporta radios/sombras/foco/estados; los colores base de
   la marca (--lh-red, --lh-gold, …) los mapea main.css desde los presets de
   theme.json. Aquí solo se SALDA la deuda de los que faltaban (--lh-line,
   --lh-font-heading).
   ========================================================================== */

:root {
	/* ---- Radios ---- */
	--lh-radius-sm: 2px;   /* botones, chips, controles */
	--lh-radius-md: 3px;   /* callouts, citas, details */
	--lh-radius-lg: 6px;   /* tarjetas, figuras */

	/* ---- Sombras (sobrias, tono institucional rgba(63,12,17,*)) ---- */
	--lh-shadow-sm: 0 1px 3px rgba(63, 12, 17, 0.08);
	--lh-shadow-md: 0 6px 18px rgba(63, 12, 17, 0.10);
	--lh-shadow-lg: 0 16px 34px rgba(63, 12, 17, 0.18);

	/* ---- Foco accesible (WCAG 2.4.13) ----
	   Anillo en tinta (alto contraste universal sobre claro). Los componentes con
	   fondo oscuro (p. ej. el botón rojo primario) re-declaran --lh-focus-ring a
	   dorado localmente, donde la tinta perdería contraste. */
	--lh-focus-ring: #1A1A1A;
	--lh-focus-offset: 2px;

	/* ---- Estados semánticos (tintes apagados, patrimoniales — NO los de wp-admin) ----
	   Para cada estado: acento (borde/marcador), -bg (relleno muy claro) y
	   -strong (título/texto, oscurecido para cumplir contraste sobre el tinte). */
	--lh-state-info:        #2c5d7c;
	--lh-state-info-bg:     #eef3f6;
	--lh-state-info-strong: #234b63;

	--lh-state-success:        #3d6b47;
	--lh-state-success-bg:     #edf4ef;
	--lh-state-success-strong: #2f5337;

	--lh-state-warning:        #8a6d3b;
	--lh-state-warning-bg:     #f8f2e6;
	--lh-state-warning-strong: #6e562d;

	--lh-state-note:        #BA9E60;
	--lh-state-note-bg:     #faf6ee;
	--lh-state-note-strong: #7a5f33;

	/* ---- Deuda saldada (referenciados pero no definidos antes de UI-1A) ---- */
	--lh-line: var(--wp--preset--color--line, #EFEFEF);
	--lh-font-heading: var(--wp--preset--font-family--heading, 'Figtree', system-ui, sans-serif);
}