/* main.css: Importa todos los módulos CSS en el orden correcto */

/* 1. Variables y colores */
@import url('./variables.css');

/* 2. Reset y estilos base globales */
@import url('./base.css');

/* 3. Tipografía y texto */
@import url('./typography.css');

/* 4. Componentes (navbar, botones, cards, formularios, tablas, modales, badges, etc.) */
@import url('./components.css');

/* 5. Layouts (grids, flexbox, secciones, login, chat, etc.) */
@import url('./layout.css');

/* 6. Media queries responsive (mobile-first, breakpoints) */
@import url('./responsive.css');

/* 7. Clases reutilizables y utilidades */
@import url('./utilities.css');

/* 8. Estilos para modales y overrides (generados por JavaScript) */
@import url('./modal-overrides.css');