/* ═══════════════════════════════════════════════════════════
   Animations — The Balance Space
   ═══════════════════════════════════════════════════════════ */

/* Toast enter */
@keyframes toast-enter {
  from { transform: translateY(100%); opacity: 0; }
  to   { transform: translateY(0); opacity: 1; }
}

/* Toast exit */
@keyframes toast-exit {
  from { transform: translateY(0); opacity: 1; }
  to   { transform: translateY(100%); opacity: 0; }
}

/* Side panel enter */
@keyframes panel-enter {
  from { transform: translateX(100%); }
  to   { transform: translateX(0); }
}

/* Side panel exit */
@keyframes panel-exit {
  from { transform: translateX(0); }
  to   { transform: translateX(100%); }
}

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

/* Success bounce */
@keyframes success-bounce {
  0%   { transform: scale(0); }
  50%  { transform: scale(1.2); }
  100% { transform: scale(1); }
}

/* Input error shake */
@keyframes shake {
  0%, 100% { transform: translateX(0); }
  20%, 60% { transform: translateX(-8px); }
  40%, 80% { transform: translateX(8px); }
}

/* Capacity bar fill */
.capacity-bar-fill {
  transition: width 400ms ease-out;
}

/* Card hover elevation */
.class-card {
  transition: box-shadow var(--transition-base), transform var(--transition-base);
}
.class-card:hover {
  box-shadow: var(--shadow-lg);
  transform: translateY(-1px);
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    transition-duration: 0.01ms !important;
  }
}