/* Fade-out animation for highlighted items */
@keyframes fadeBackground {
  0% {
    background-color: rgb(229, 231, 235); /* gray-200 */
  }
  100% {
    background-color: transparent;
  }
}

@keyframes fadeBackgroundDark {
  0% {
    background-color: rgb(55, 65, 81); /* gray-700 */
  }
  100% {
    background-color: transparent;
  }
}

.highlighted {
  animation: fadeBackground 1.5s ease-out;
  border-radius: 0.25rem;
}

:where(.dark, .dark *) .highlighted {
  animation: fadeBackgroundDark 1.5s ease-out;
}