/* General body styles */
body {
    font-family: 'Inter', sans-serif;
    scroll-behavior: smooth;
}

/* Styles for the hero section background and overlay */
.hero-background {
    position: relative;
    background-image: url('https://images.unsplash.com/photo-1556761175-5973dc0f32e7?q=80&w=2832&auto=format&fit=crop');
    background-size: cover;
    background-position: center;
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(17, 24, 39, 0.7); /* gray-900 with 70% opacity */
}

/* Styles for chat bubbles */
.chat-bubble-user {
    background-color: #3b82f6; /* Tailwind's blue-500 */
    color: white;
}

.chat-bubble-expert {
    background-color: #e5e7eb; /* Tailwind's gray-200 */
    color: #1f2937; /* Tailwind's gray-800 */
}

.chat-bubble-system {
    text-align: center;
    font-size: 0.875rem; /* 14px */
    color: #6b7280; /* Tailwind's gray-500 */
    margin: 0.5rem 0;
}

/* Style for rating stars */
.star-gold {
    color: #FBBF24; /* Tailwind's amber-400 */
}