/* =========================================
   MAIN.CSS - ARCHIVO PRINCIPAL
   Importa todos los módulos en orden correcto
   
   ORDEN DE IMPORTACIÓN:
   1. Variables (colores, espaciados)
   2. Reset (normalización)
   3. Layout (estructura)
   4. Componentes (piezas reutilizables)
   5. Páginas (estilos específicos)
   ========================================= */

/* === BASE === */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/responsive.css');

/* === LAYOUT === */
@import url('./layout/main-layout.css');

/* === COMPONENTES === */
@import url('./components/sidebar.css');
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/cards.css');
@import url('./components/user-profile.css');
@import url('./components/nerdie.css');
@import url('./components/notifications.css');

/* === PÁGINAS === */
@import url('./pages/home.css');
@import url('./pages/set.css');