@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
}

.hero-section {
    background-image: radial-gradient(circle at 10% 20%, rgba(109, 40, 217, 0.8) 0%, rgba(16, 185, 129, 0.8) 90%);
}

.image-card:hover p {
    color: #6d28d9;
    font-weight: 500;
}

/* Dark mode transitions */
html {
    scroll-behavior: smooth;
    transition: background-color 0.3s ease;
}
.chat-history {
    scrollbar-width: thin;
    scrollbar-color: #c4b5fd #f1f1f1;
}

.user-message {
    @apply ml-auto max-w-[85%] mb-4;
}

.user-message div {
    @apply bg-blue-100 dark:bg-blue-900 rounded-lg p-3;
}

.user-message p {
    @apply text-gray-800 dark:text-gray-200;
}

.wizard-message {
    @apply mr-auto max-w-[85%] mb-4;
}

.wizard-message div {
    @apply bg-purple-100 dark:bg-purple-900 rounded-lg p-3;
}

.wizard-message p {
    @apply text-gray-800 dark:text-gray-200;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1;
}

::-webkit-scrollbar-thumb {
    background: #c4b5fd;
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #8b5cf6;
}

.dark ::-webkit-scrollbar-track {
    background: #1f2937;
}

.dark ::-webkit-scrollbar-thumb {
    background: #6d28d9;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #7c3aed;
}