/* ==========================================================================
   हरियाणवी वाइब — HARYANVI VIBE
   DESIGN SYSTEM KEYFRAME ANIMATIONS
   ========================================================================== */

/* Vinyl Record Rotation */
@keyframes spinSlow {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

/* Hero Title Entrance */
@keyframes heroTitleFade {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.97);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}

/* Green Live Dot Pulse */
@keyframes pulseGlow {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 230, 118, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(0, 230, 118, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(0, 230, 118, 0);
  }
}

/* Buffering Dot Pulse */
@keyframes pulseBuffering {
  0% {
    box-shadow: 0 0 0 0 rgba(245, 124, 0, 0.7);
  }
  70% {
    box-shadow: 0 0 0 8px rgba(245, 124, 0, 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(245, 124, 0, 0);
  }
}

/* Mini Equalizer Bar Dancing */
@keyframes miniEqDance1 {
  0%, 100% { height: 4px; }
  50% { height: 16px; }
}

@keyframes miniEqDance2 {
  0%, 100% { height: 14px; }
  50% { height: 6px; }
}

@keyframes miniEqDance3 {
  0%, 100% { height: 6px; }
  50% { height: 18px; }
}

@keyframes miniEqDance4 {
  0%, 100% { height: 16px; }
  50% { height: 4px; }
}

/* Toast Slide-In Animation */
@keyframes toastSlideIn {
  from {
    opacity: 0;
    transform: translate(-50%, 20px) scale(0.95);
  }
  to {
    opacity: 1;
    transform: translate(-50%, 0) scale(1);
  }
}