/* ==================== TRANSITIONS ==================== */
.duration-100 { transition-duration: 100ms !important; }
.duration-200 { transition-duration: 200ms !important; }
.duration-300 { transition-duration: var(--transition-duration) !important; }
.duration-500 { transition-duration: 500ms !important; }

.scale-75 { transform: scale(0.75) !important; }
.scale-90 { transform: scale(0.9) !important; }
.scale-100 { transform: scale(1) !important; }
.scale-110 { transform: scale(1.1) !important; }

.hover-scale:hover { transform: scale(1.05) !important; }
.hover-scale-sm:hover { transform: scale(1.02) !important; }
.hover-translate-up:hover { transform: translateY(-4px) !important; }