/* Favicon Animation Styles */
@keyframes favicon-pulse {
  0%, 100% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0.8;
    transform: scale(1.1);
  }
}

@keyframes favicon-rotate {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(5deg);
  }
  75% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes favicon-glow {
  0%, 100% {
    filter: brightness(1) drop-shadow(0 0 2px rgba(16, 185, 129, 0.3));
  }
  50% {
    filter: brightness(1.2) drop-shadow(0 0 8px rgba(16, 185, 129, 0.6));
  }
}

/* Apply animations to favicon */
.favicon-animated {
  animation: favicon-pulse 3s ease-in-out infinite,
             favicon-rotate 4s ease-in-out infinite,
             favicon-glow 2s ease-in-out infinite;
}

/* Alternative: Just pulse for subtle effect */
.favicon-subtle {
  animation: favicon-pulse 4s ease-in-out infinite;
}