/*
 * Custom animations for the application
 */

/* Highlight pulse animation for focusing attention on content */
@keyframes highlight-pulse {
  0%, 100% {
    background-color: transparent;
  }
  25%, 75% {
    background-color: rgba(212, 165, 116, 0.5);
  }
  50% {
    background-color: rgba(212, 165, 116, 0.7);
  }
}

.animate-highlight-pulse {
  animation: highlight-pulse 0.4s ease-in-out 2;
}