@import "tailwindcss";
@source "./app/**/*.php";
@source "./public/**/*.php";
@theme {
  --color-primary-500: #10B981;
  --color-primary-600: #059669;
  --color-primary-700: #047857;

  --animate-shake: shake 0.4s linear;
  --animate-fade-up: fade-up 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  --animate-slide-down: slide-down 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --animate-scale-in: scale-in 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

@keyframes shake {
  0%, 100% { transform: translateX(0); }
  25% { transform: translateX(-8px); }
  50% { transform: translateX(8px); }
  75% { transform: translateX(-8px); }
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(2rem) scale(0.95); }
  to { opacity: 1; transform: translateY(0) scale(1); }
}

@keyframes slide-down {
  from { opacity: 0; transform: translateY(-1rem); }
  to { opacity: 1; transform: translateY(0); }
}

@keyframes scale-in {
  from { opacity: 0; transform: scale(0.8); }
  to { opacity: 1; transform: scale(1); }
}