@tailwind base; @tailwind components; @tailwind utilities; /* This file is kept for any future custom CSS you might need. For now, all styling is handled by Tailwind CSS classes in the HTML and the configuration script in the of the index.html file. The core brand palette and font families are defined there to allow Tailwind's Just-in-Time (JIT) compiler to generate the necessary utility classes. */ /* You could add custom component styles here if needed */ /* For example: .custom-card { @apply bg-white rounded-lg shadow-lg p-8; border-color: theme('colors.deep-teal'); } */ /* Adding custom animation for chatbot greeting */ @keyframes fade-in-up { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 0.5s ease-out forwards; }