@import "tailwindcss";
@import "./theme.css";

/* Highlight animation for new items (e.g., new inbound emails) */
@keyframes highlight-fade {
  0% {
    background-color: oklch(0.85 0.15 95); /* yellow highlight */
    box-shadow: 0 0 0 2px oklch(0.85 0.15 95);
  }
  100% {
    background-color: transparent;
    box-shadow: none;
  }
}

.animate-highlight-fade {
  animation: highlight-fade 2s ease-out forwards;
}