/* =============================================
   GUYUNUSA — main.css
   Arquitectura ITCSS — importaciones en cascada
   ============================================= */

/* 1. Settings — variables globales */
@import "./1-settings/_variables.css";
@import "./1-settings/_colors.css";
@import "./1-settings/_typography.css";

/* 2. Tools — helpers CSS (custom properties calculadas) */
@import "./2-tools/_mixins.css";

/* 3. Generic — reset y normalización */
@import "./3-generic/_reset.css";
@import "./3-generic/_box-sizing.css";

/* 4. Elements — estilos de etiquetas HTML base */
@import "./4-elements/_base.css";
@import "./4-elements/_forms.css";

/* 5. Objects — patrones de layout sin estilo visual */
@import "./5-objects/_container.css";
@import "./5-objects/_layout.css";

/* 6. Components — componentes de UI específicos */
@import "./6-components/_auth.css";
@import "./6-components/_header.css";
@import "./6-components/_header-download-btn.css";
@import "./6-components/_auth-playstore-btn.css";
@import "./6-components/_sidebar.css";
@import "./6-components/_chat.css";
@import "./6-components/_message.css";
@import "./6-components/_input-bar.css";
@import "./6-components/_modal.css";
@import "./6-components/_terms-modal.css";
@import "./6-components/_code-highlight.css";

/* 7. Trumps — utilidades, overrides, themes */
@import "./7-trumps/_utilities.css";
@import "./7-trumps/_themes.css";

/* Mobile / Capacitor overrides */
@import "./7-trumps/_mobile.css";

/* Settings */
@import "./6-components/_settings.css";
@import "./1-settings/_fonts.css";
@import "./6-components/_auth-password-toggle.css";

.c-chat__messages .c-msg-p {
   margin: 0 0 10px;
   white-space: pre-wrap;
   line-height: 1.5;
}

.c-chat__messages pre.c-code-block {
   margin: 10px 0 14px;
   padding: 14px 16px;
   border-radius: 12px;
   overflow-x: auto;
   tab-size: 2;
   background: #0f172a;
   border: 1px solid #1e293b;
}

.c-chat__messages pre.c-code-block code {
   display: block;
   white-space: pre;
   font-family: "Fira Code", Consolas, monospace;
   font-size: 13.5px;
   line-height: 1.55;
   background: transparent;
}

/* Importante: no forzar color global acá, hljs pinta tokens */