@keyframes breathe {
  0%, 100% {
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.5),
                0 0 10px rgba(76, 175, 80, 0.3),
                0 0 15px rgba(76, 175, 80, 0.1);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 15px rgba(76, 175, 80, 0.8),
                0 0 25px rgba(76, 175, 80, 0.5),
                0 0 35px rgba(76, 175, 80, 0.3);
    transform: scale(1.02);
  }
}

@keyframes breathe-secondary {
  0%, 100% {
    box-shadow: 0 0 5px rgba(255, 193, 7, 0.5),
                0 0 10px rgba(255, 193, 7, 0.3),
                0 0 15px rgba(255, 193, 7, 0.1);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 15px rgba(255, 193, 7, 0.8),
                0 0 25px rgba(255, 193, 7, 0.5),
                0 0 35px rgba(255, 193, 7, 0.3);
    transform: scale(1.02);
  }
}

@keyframes breathe-accent {
  0%, 100% {
    box-shadow: 0 0 5px rgba(139, 69, 19, 0.5),
                0 0 10px rgba(139, 69, 19, 0.3),
                0 0 15px rgba(139, 69, 19, 0.1);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 15px rgba(139, 69, 19, 0.8),
                0 0 25px rgba(139, 69, 19, 0.5),
                0 0 35px rgba(139, 69, 19, 0.3);
    transform: scale(1.02);
  }
}

.avatar-breathe-primary {
  animation: breathe 3s ease-in-out infinite;
}

.avatar-breathe-secondary {
  animation: breathe-secondary 3s ease-in-out infinite;
}

.avatar-breathe-accent {
  animation: breathe-accent 3s ease-in-out infinite;
}

.name-glow-primary {
  text-shadow: 0 0 10px rgba(76, 175, 80, 0.8),
               0 0 20px rgba(76, 175, 80, 0.6),
               0 0 30px rgba(76, 175, 80, 0.4),
               0 0 40px rgba(76, 175, 80, 0.2);
}

.name-glow-secondary {
  text-shadow: 0 0 10px rgba(255, 193, 7, 0.8),
               0 0 20px rgba(255, 193, 7, 0.6),
               0 0 30px rgba(255, 193, 7, 0.4),
               0 0 40px rgba(255, 193, 7, 0.2);
}

.name-glow-accent {
  text-shadow: 0 0 10px rgba(139, 69, 19, 0.8),
               0 0 20px rgba(139, 69, 19, 0.6),
               0 0 30px rgba(139, 69, 19, 0.4),
               0 0 40px rgba(139, 69, 19, 0.2);
}