/* animations.css -- transitions, shimmer, loaders */

@keyframes skeleton-pulse {
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.8; }
}

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

@keyframes slide-up {
  from { transform: translateY(10px); opacity: 0; }
  to { transform: translateY(0); opacity: 1; }
}

@keyframes slide-in-right {
  from { transform: translateX(100%); opacity: 0; }
  to { transform: translateX(0); opacity: 1; }
}

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

@keyframes glow-pulse {
  0%, 100% { box-shadow: 0 0 12px var(--accent-glow); }
  50% { box-shadow: 0 0 24px var(--accent-glow-strong); }
}

/* ── Page Transition ───────────────────────────────── */
.page-enter {
  animation: slide-up 0.2s ease-out;
}

/* ── Glass Shimmer (for loading skeletons) ─────────── */
@keyframes glass-shimmer {
  0% { background-position: -200px 0; }
  100% { background-position: 200px 0; }
}
.skeleton-shimmer {
  background: linear-gradient(
    90deg,
    var(--glass-card) 0%,
    var(--glass-card-hover) 50%,
    var(--glass-card) 100%
  );
  background-size: 200px 100%;
  animation: glass-shimmer 1.5s infinite;
}