/*!
 * system CSS Minimalista Mobile-First
 * Version: 1.0.0
 *
 * Orden de importación crítico:
 * 1. Variables → 2. Reset → 3. Layout → 4. Components → 5. Utilities → 6. Responsive
 */

/* ==========================================================================
    1. VARIABLES DEL system
   ========================================================================== */
@import '../css/base/vars.css';

/* ==========================================================================
    2. RESET Y NORMALIZACIÓN
   ========================================================================== */
@import '../css/base/reset.css';

/* ==========================================================================
    3. system DE LAYOUT
   ========================================================================== */
@import '../css/base/grids.css';

/* ==========================================================================
    4. COMPONENTES BASE
   ========================================================================== */
@import '../css/base/buttons.css';
@import '../css/base/forms.css';
@import '../css/base/toolbars.css';
@import '../css/base/scrollbars.css';

/* ==========================================================================
    5. UTILIDADES GLOBALES
   ========================================================================== */
@import '../css/base/utilities.css';

/* ==========================================================================
    6. RESPONSIVE Y BREAKPOINTS
   ========================================================================== */
@import '../css/base/responsive.css';

/* ==========================================================================
    7. COMPONENTES
   ========================================================================== */
@import '../css/components/main.css';

/* ==========================================================================
    7.1 COMPONENTES DE TOOLS
   ========================================================================== */
@import '../css/views/modules/tools/index.css';

/* ==========================================================================
    8. LAYOUT DE LA APLICACIÓN
   ========================================================================== */
@import '../css/views/layout/header.css';
@import '../css/views/layout/sidebar.css';
@import '../css/views/layout/footer.css';

/* ==========================================================================
    9. Modules
   ========================================================================== */
@import '../css/views/modules/index.css';


/* ==========================================================================
    10. TEMAS (comentado por defecto - descomentar cuando sea necesario)
   ========================================================================== */
/* @import '../css/themes/default.css'; */
/* @import '../css/themes/dark.css'; */