/* ─── Animations ─── */
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(8px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes pulse {

  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.5;
  }
}

@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}

.animate-fade-in {
  animation: fadeIn var(--transition-slow) both;
}

.animate-slide-in {
  animation: slideIn var(--transition-slow) both;
}

.animate-pulse {
  animation: pulse 1.5s ease infinite;
}

.animate-spin {
  animation: spin 1s linear infinite;
}