/* Animations */
@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }
}

@keyframes valueUpdate {
    0% {
        transform: scale(1);
        color: #2d3748;
    }

    50% {
        transform: scale(1.1);
        color: #667eea;
    }

    100% {
        transform: scale(1);
        color: #2d3748;
    }
}

@keyframes buttonPulse {
    0%, 100% {
        box-shadow: 0 10px 30px rgba(252, 129, 129, 0.4);
    }

    50% {
        box-shadow: 0 10px 40px rgba(252, 129, 129, 0.6);
    }
}

/* Reduce motion for accessibility */
@media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}