/* ==========================================================================
   Zenith Focus - Animations & Transitions
   ========================================================================== */

/* Human Breathing Animation (Tranquil, Slow & Measured: ~5-6s cycle) */
@keyframes breathing-gentle {
  0% {
    transform: scale(1);
    opacity: 0.92;
    filter: drop-shadow(0 0 0.8rem rgba(var(--mode-accent-rgb), 0.15));
  }
  50% {
    transform: scale(1.035);
    opacity: 1;
    filter: drop-shadow(0 0 2.4rem rgba(var(--mode-accent-rgb), 0.42));
  }
  100% {
    transform: scale(1);
    opacity: 0.92;
    filter: drop-shadow(0 0 0.8rem rgba(var(--mode-accent-rgb), 0.15));
  }
}

/* Subtle botanical pulse */
@keyframes botanical-float {
  0%, 100% {
    transform: rotate(0deg) scale(1);
  }
  50% {
    transform: rotate(2deg) scale(1.04);
  }
}

/* Modal in/out */
@keyframes modal-fade-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes modal-scale-up {
  from {
    transform: scale(0.92) translateY(1.5rem);
    opacity: 0;
  }
  to {
    transform: scale(1) translateY(0);
    opacity: 1;
  }
}

/* Success celebratory ripple */
@keyframes ripple-pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--mode-accent-rgb), 0.6);
  }
  70% {
    box-shadow: 0 0 0 2.5rem rgba(var(--mode-accent-rgb), 0);
  }
  100% {
    box-shadow: 0 0 0 0 rgba(var(--mode-accent-rgb), 0);
  }
}

/* Shimmer highlight */
@keyframes shimmer-sweep {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(100%);
  }
}

/* Class utilities for animations */
.anim-breathing {
  animation: breathing-gentle 5.5s ease-in-out infinite;
  transform-origin: center center;
  will-change: transform, filter;
}

.anim-botanical {
  animation: botanical-float 12s ease-in-out infinite;
}

.anim-ripple {
  animation: ripple-pulse 1.8s infinite;
}