/* /css/animations.css */

@keyframes shimmer { 
    0% { background-position: 200% 0; } 
    100% { background-position: -200% 0; } 
}

@keyframes fadeIn { 
    from { opacity: 0; transform: translateY(10px); } 
    to { opacity: 1; transform: translateY(0); } 
}

@keyframes slideInRight { 
    from { opacity: 0; transform: translateX(40px); } 
    to { opacity: 1; transform: translateX(0); } 
}

.animate-fade-in { animation: fadeIn 0.7s ease-out forwards; }
.animate-slide-in-right { animation: slideInRight 0.8s ease-out forwards; }

/* Prevent flicker: hide elements with data-animation by default */
/* They will be shown by the JS animation engine */
[data-animation]:not([data-no-animation="true"]):not([data-animated]) {
    opacity: 0;
}