/* Ember supports plain CSS out of the box. More info: https://cli.emberjs.com/release/advanced-use/stylesheets/ */

@import 'tailwindcss';

@plugin 'daisyui' {
  themes:
    light --default,
    dark --prefersdark;
}

/* Custom app styles */
body {
  @apply bg-base-100;
}

/* Optional: Custom utility classes */
.app-container {
  @apply min-h-screen;
}

.special-schedule-card {
  transition:
    background-color 0.4s ease,
    opacity 0.2s ease,
    transform 0.2s ease;
}

.special-schedule-card.special-card-flash {
  background-color: #fef3c7;
}

.special-schedule-card.special-card-removing {
  opacity: 0;
  transform: scale(0.97);
}