/*
 * Animation utilities for XVC.
 */
@keyframes xvc-slide-in {
	from {
		opacity: 0;
		transform: translateY(10px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.xvc-slide-in {
	animation: xvc-slide-in 0.6s ease-out both;
}

@keyframes xvc-hover-glow {
	from {
		box-shadow: 0 0 0 var(--xvc-glow-color, rgba(255, 255, 0, 0.6));
	}
	to {
		box-shadow: 0 0 10px var(--xvc-glow-color, rgba(255, 255, 0, 0.6));
	}
}

.xvc-hover-glow {
	transition: box-shadow 0.3s, transform 0.3s;
}

.xvc-hover-glow:hover {
	animation: xvc-hover-glow 0.3s forwards;
}