/* ==========================================================================
   AI ATLAS — Keyframe Animations & Micro-Interactions
   ========================================================================== */

@keyframes pulse-glow {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
    box-shadow: 0 0 10px var(--accent-cyan);
  }
  50% {
    opacity: 0.4;
    transform: scale(0.85);
    box-shadow: 0 0 4px var(--accent-cyan);
  }
}

@keyframes modal-pop {
  0% {
    opacity: 0;
    transform: scale(0.92) translateY(20px);
  }
  100% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
}

@keyframes float-subtle {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-6px);
  }
}

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

.floating-c1 { animation: float-subtle 6s ease-in-out infinite; }
.floating-c2 { animation: float-subtle 7s ease-in-out infinite 1s; }
.floating-c3 { animation: float-subtle 6.5s ease-in-out infinite 2s; }
.floating-c4 { animation: float-subtle 7.5s ease-in-out infinite 1.5s; }

.skeleton-shimmer {
  background: linear-gradient(90deg, var(--bg-surface) 25%, var(--border-subtle) 50%, var(--bg-surface) 75%);
  background-size: 200% 100%;
  animation: shimmer 1.8s infinite;
}