/* Temperature glow animations */

@keyframes glow-fade-in-red {
  from {
    box-shadow: 0 0 0 rgba(239, 68, 68, 0);
  }
  to {
    box-shadow: 0 0 20px rgba(239, 68, 68, 0.5);
  }
}

@keyframes glow-fade-in-yellow {
  from {
    box-shadow: 0 0 0 rgba(234, 179, 8, 0);
  }
  to {
    box-shadow: 0 0 20px rgba(234, 179, 8, 0.5);
  }
}

@keyframes glow-fade-in-green {
  from {
    box-shadow: 0 0 0 rgba(34, 197, 94, 0);
  }
  to {
    box-shadow: 0 0 20px rgba(34, 197, 94, 0.5);
  }
}

.glow-red {
  animation: glow-fade-in-red 0.8s ease-out forwards;
}

.glow-yellow {
  animation: glow-fade-in-yellow 0.8s ease-out forwards;
}

.glow-green {
  animation: glow-fade-in-green 0.8s ease-out forwards;
}