body {
    font-family: 'Inter', sans-serif;
}
.scroll-animate {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
}
.scroll-animate.visible {
    opacity: 1;
    transform: translateY(0);
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background-color: #f1f5f9;
}
.dark ::-webkit-scrollbar-track {
    background-color: #1e293b;
}
::-webkit-scrollbar-thumb {
    background-color: #4f46e5;
    border-radius: 10px;
    border: 2px solid transparent;
    background-clip: content-box;
}
html {
    scroll-behavior: smooth;
}
.slider-track {
    transition: transform 0.5s ease-in-out;
}
.dot.active {
   background-color: #4f46e5;
   transform: scale(1.25);
}
.chat-bubble-ai {
    background-color: #eef2ff;
    color: #1e293b;
}
.dark .chat-bubble-ai {
    background-color: #312e81;
    color: #e0e7ff;
}
.chat-bubble-user {
    background-color: #4f46e5;
    color: #ffffff;
}
#chat-messages::-webkit-scrollbar-track {
     background-color: transparent;
}
/* --- Regras Personalizadas para Inputs no Modo Escuro --- */
.dark input[type="text"],
.dark input[type="password"] {
    background-color: #ffffff !important; /* Fundo branco */
    color: #111827 !important; /* Texto cinza escuro */
    border: 1px solid #4b5563 !important; /* Borda cinza para visibilidade */
}

/* Ajuste para o anel de foco, para que continue a usar a cor do tema */
.dark input[type="text"]:focus,
.dark input[type="password"]:focus {
    --tw-ring-color: #8b5cf6 !important; /* Cor roxa do anel de foco */
    border-color: #8b5cf6 !important; /* Cor roxa da borda no foco */
}

/* Remove a cor de fundo escura específica do input do chat */
.dark #chat-input {
    background-color: #ffffff !important;
}