/* 00_base.css — tipografía base de la plataforma. Red de seguridad.
 *
 * El resto del CSS global (colores, layout, tema claro/oscuro) lo genera
 * `theme.build_global_css` y lo inyecta un callback en `<style id="nbo-dynamic-css">`.
 * Eso es correcto para lo que depende del tema, pero deja a TODA la plataforma
 * a merced de que esa cadena de callbacks corra: el 2026-08-11 el guard de
 * seguridad le devolvía 401 al callback del CSS en la pantalla de login, el
 * `<style>` no se creaba nunca y el navegador pintaba todo en Times New Roman.
 *
 * Un archivo en `assets/` no depende de ningún callback ni de la sesión
 * (`/assets/` es público), así que la tipografía ya no puede desaparecer.
 * Acá va SOLO lo que no depende del tema — el `nbo-dynamic-css` se carga
 * después y pisa lo que sí depende. El nombre empieza con `00_` porque Dash
 * sirve los assets en orden alfabético y este tiene que ir primero.
 */

:root {
    /* Inter viene de Google Fonts. Si el equipo está sin salida a internet o
     * el CDN está bloqueado, la cadena cae a la fuente del sistema (Segoe UI en
     * Windows) en vez de a Arial — y nunca a una serif. */
    --nbo-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
                "Helvetica Neue", Arial, sans-serif;
    --nbo-mono: "DM Mono", ui-monospace, "SF Mono", "Cascadia Mono", Menlo,
                Consolas, monospace;
}

html, body {
    margin: 0;
    padding: 0;
    font-family: var(--nbo-font);
    font-size: 14px;
    -webkit-font-smoothing: antialiased;
}

/* Los controles nativos (input, select, button, textarea) NO heredan la fuente
 * del body: sin esto el selector de modelo y el campo del chat quedan en la
 * fuente del sistema aunque el resto esté bien. */
input, select, button, textarea {
    font-family: inherit;
}
