@import 'tailwindcss';

@keyframes fadeOut {
  0% { opacity: 1; }
  75% { opacity: 1; } /* Hold full opacity for most of the animation */
  100% { opacity: 0; }
}

.status-message-fade {
  animation: fadeOut 2s forwards;
}

/* Base styling */
@layer base {
  body {
    @apply bg-gray-50 dark:bg-gray-900 text-gray-900 dark:text-gray-100;
  }
}