/* ============================================================
   BACKGROUND ANIMATIONS
   ============================================================ */

@keyframes bg-drift {
  0% { background-position: 50% 50%; }
  50% { background-position: 48% 52%; }
  100% { background-position: 50% 50%; }
}

@keyframes bg-pulse {
  0% { filter: brightness(1); }
  50% { filter: brightness(1.15); }
  100% { filter: brightness(1); }
}

@keyframes bg-aurora {
  0% { background-position: 50% 50%; }
  25% { background-position: 60% 40%; }
  50% { background-position: 40% 60%; }
  75% { background-position: 55% 45%; }
  100% { background-position: 50% 50%; }
}

/* ============================================================
   LOGO PULSE — MEDIUM NEON VERSION (FINAL)
   ============================================================ */

@keyframes logoPulseV2 {
  0% {
    filter:
      brightness(calc(1 + (var(--logo-glow) / 50)))
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 4px) white)
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 18px) var(--accent));
  }

  50% {
    filter:
      brightness(calc(1.35 + (var(--logo-glow) / 40)))
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 6px) white)
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 26px) var(--accent));
  }

  100% {
    filter:
      brightness(calc(1 + (var(--logo-glow) / 50)))
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 4px) white)
      drop-shadow(0 0 calc(sqrt(var(--logo-glow)) * 18px) var(--accent));
  }
}