/* Generado desde diseno/design-system por scripts/tokens.mjs — no editar. */

/*
 * Transiciones y animaciones del tema usan estas variables. Con movimiento reducido las
 * duraciones valen 0 s: todo queda quieto y en su estado final (PAQUETE-DISENO §3).
 * Los colores de estado (--vs-color-*) no están en tokens.json ni en la paleta del editor.
 */
:root {
	--vs-color-error: #a1281b;
	--vs-curva-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
	--vs-curva-rebote: cubic-bezier(0.34, 1.56, 0.64, 1);
	--vs-dur-interaccion: 0.3s;
	--vs-dur-estado: 0.5s;
	--vs-dur-revelado: 0.9s;
	--vs-dur-foto: 1.3s;

	@media (prefers-reduced-motion: reduce) {
		--vs-dur-interaccion: 0s;
		--vs-dur-estado: 0s;
		--vs-dur-revelado: 0s;
		--vs-dur-foto: 0s;
	}
}