/* wwwroot/css/app.css */

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

/* Variables de colores y fuentes para toda la aplicación */
:root {
    --chat-bg-color: #1e1e2f;
    --chat-text-color: #dcdce1;
    --user-bubble-bg: linear-gradient(90deg, #6a11cb 0%, #2575fc 100%);
    --user-text-color: #ffffff;
    --ai-bubble-bg: #2f2f4a;
    --ai-text-color: #dcdce1;
    --input-bg-color: #2f2f4a;
    --border-color: #4a4a6a;
    --card-bg-color: #2a2a40;
    --card-border-color: #3a3a5a;
    --link-color: #82aaff;
    --font-family: 'Inter', sans-serif;
}

/* Estilos para la barra superior del MainLayout.razor */
.top-bar {
    background-color: #1a1a2a;
    color: #dcdce1;
    padding: 0.8rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    height: 60px;
}

.title {
    font-family: var(--font-family);
    font-size: 1.4rem;
    font-weight: 600;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 0.75rem;
}