@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=JetBrains+Mono:wght@400;500&display=swap');

/* --- Estilos Core Personalizados y Variables de Entorno --- */
:root {
    --bg-main: #080a10;
    --bg-card: #0c111d;
    --bg-input: #121826;
    --border-color: #1f293d;
    --text-primary: #000000;
    --text-muted: #000000;
    --accent-blue: #3b82f6;
}

body {
    font-family: 'Roboto', sans-serif;
    background-color: #ffffff;
    color: #000000;
}

.chat-card {
    transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* Modificadores estáticos para bloques de renderizado de Markdowns y Citas */
.msg-content code {
    background: var(--bg-input);
    padding: 2px 6px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.85em;
    border-radius: 4px;
    border: 1px solid var(--border-color);
}

.msg-content pre {
    background: #04060a;
    padding: 16px;
    border-radius: 12px;
    overflow-x: auto;
    margin: 12px 0;
    border: 1px solid var(--border-color);
}

.msg-content pre code {
    background: transparent;
    padding: 0;
    border: none;
    color: #ffffff !important; /* Mantiene el código legible dentro del bloque oscuro */
}

/* --- Estilos Extraídos de index.html --- */
.code-font {
    font-family: 'JetBrains Mono', monospace;
}

::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.think-block {
    background: #f5f5f5;
    padding: 12px;
    margin: 12px 0;
    color: #000000;
    font-family: 'JetBrains Mono', monospace;
    font-size: 12px;
    white-space: pre-wrap;
}

.think-header {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 6px;
    color: #000000;
    font-family: 'Roboto', sans-serif;
}

textarea:focus, input:focus {
    outline: none !important;
}