/* ==========================================================================
   base/animations.css — subtle, fast, never distracting
   ========================================================================== */

@keyframes crm-fade-in {
    from { opacity: 0; transform: translateY(2px); }
    to   { opacity: 1; transform: none; }
}

@keyframes crm-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
}

.card, .alert { animation: crm-fade-in var(--crm-normal) var(--crm-ease) both; }

.dropdown-menu.show { animation: crm-fade var(--crm-fast) var(--crm-ease); }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation: none !important;
        transition: none !important;
    }
}