/* Capa 1 de tokens: una sola fuente de la paleta; las escalas llegan en la ola 2. */

:root {
	/*
	 * LA PALETA VIVE EN :root, no en `.ihb`: la barra y el pie del lienzo están
	 * fuera de `.ihb`, y un botón del sistema pintado allí leía `var(--ihb-sol)`
	 * sin valor — medido: «Traslado privado» salía a 2,65:1. Las variables
	 * heredan a todo el documento; la tipografía y el color base siguen en `.ihb`.
	 */
	--ihb-marino: #011c40;      /* azul marino — el cuerpo de la van */
	--ihb-noche: #011126;       /* azul noche, casi negro */
	--ihb-mar: #08668d;         /* azul mar */
	--ihb-sol: #f2c879;         /* arena del manual — el sol del logo */
	--ihb-atardecer: #da8842;   /* naranja atardecer */
	/* El atardecer como TEXTO sobre blanco: el de marca da 2,8:1 y no llega ni
	   para cifras grandes; éste, 5,4:1, y sigue siendo naranja. */
	--ihb-atardecer-tinta: #a8531a;
	--ihb-mar-oscuro: var(--ihb-marino);
	--ihb-oro: var(--ihb-sol);
	--ihb-oro-oscuro: var(--ihb-atardecer);
	--ihb-arena: #f3e2c3;
	--ihb-crema: #fffaf0;
	--ihb-tinta: #011c40;
	/* Más oscura que el gris de oficina (#4b5563): 9:1 sobre blanco, 8,6:1
	   sobre crema y 6,9:1 sobre arena. Con el peso 400 de verdad (ver el
	   cuerpo en lienzo.css) es lo que hace que el texto de apoyo no se pierda. */
	--ihb-tinta-suave: #3d4a5c;
	--ihb-papel: #ffffff;
	/*
	 * SUPERFICIES, medidas contra el crema de la página (#fffaf0).
	 *
	 * La línea gris de siempre (#e5e7eb) daba 1,19:1 contra el crema: las
	 * tarjetas no tenían borde a efectos prácticos, y el cliente lo dijo con
	 * sus palabras, «algunos elementos se pierden». Ésta es cálida —del lado
	 * de la arena, no del gris de oficina— y llega a 1,9:1; con la sombra de
	 * ficha, la caja se ve sin necesitar un borde negro. La arena pasa de
	 * 1,15:1 a 1,24:1 y sigue dando 5,7:1 al texto suave que va encima.
	 */
	--ihb-linea: #c4bba6;
	--ihb-sombra-ficha: 0 1px 2px rgba(1, 28, 64, 0.06), 0 6px 16px rgba(1, 28, 64, 0.07);
	--ihb-alerta: #a3320f;
	--ihb-ok: #17683f;

	--ihb-radio-ficha: 0.75rem;        /* fichas, cajas, campos grandes */
	--ihb-radio-ficha-chica: 0.6rem;   /* fichas de una línea: reloj, salida, resumen */
	--ihb-radio-caja: 1rem;            /* modales */
	--ihb-radio-pastilla: 999px;       /* botones, chips, segmentados */
	--ihb-acento-grosor: 4px;          /* la franja de color de una ficha */

	--ihb-boton-alto: 3rem;            /* acción principal: 48 px */
	--ihb-boton-alto-medio: 2.5rem;    /* acción de apoyo: 40 px */
	--ihb-boton-alto-chico: 2.25rem;   /* pastilla auxiliar: 36 px */

	--ihb-circulo-s: 1.25rem;          /* el icono dentro de una pastilla */
	--ihb-circulo-m: 1.75rem;          /* el «?» */
	--ihb-circulo-l: 2.25rem;          /* la ✕ */
	--ihb-circulo-xl: 2.75rem;         /* el botón de menú */

	/* MOVIMIENTO: tres tiempos y una curva, para todo el sitio. Rápido para
	   el color de un botón, medio para lo que aparece, lento para lo que se
	   desplaza. Una sola curva —suave al entrar, suave al salir— para que
	   todo se mueva con el mismo carácter. */
	--ihb-t-rapida: 160ms;
	--ihb-t-media: 260ms;
	--ihb-t-lenta: 420ms;
	--ihb-curva: cubic-bezier(0.2, 0, 0.2, 1);
}