/* ================================================================
   css_base_animations.css
   Westonaria Connect — split from style.css (lines 2888–2919)
   ================================================================ */

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* ANIMATIONS (global) */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

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

@keyframes pulse {
    0%, 100% { transform: scale(1); }
    50% { transform: scale(1.05); }
}

.stat-card:hover .stat-icon { animation: pulse 0.5s ease; }

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* UTILITY CLASSES */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.text-muted { color: var(--silver) !important; }
.bg-dark { background-color: var(--charcoal) !important; }
.border-dark { border-color: var(--graphite) !important; }

/* //////////////////////////////////////////////////////////////////////////////////////////////// */
/* ACCESSIBILITY */
/* //////////////////////////////////////////////////////////////////////////////////////////////// */

.admin-tab:focus { outline: 3px solid var(--electric-cyan); outline-offset: 2px; }
.admin-search input:focus { outline: 3px solid var(--electric-cyan); outline-offset: 0; }
button:focus { outline: 3px solid var(--electric-cyan); outline-offset: 2px; }