/**
 * Archivo principal de estilos
 * Importa todos los módulos CSS en el orden correcto
 */

/* 1. Configuración base y variables */
@import url('modules/reset.css');
@import url('modules/variables.css');

/* 2. Componentes generales */
@import url('modules/buttons.css');
@import url('modules/forms.css');
@import url('modules/alerts.css');
@import url('modules/modals.css');

/* 3. Layout */
@import url('modules/header.css');
@import url('modules/navigation.css');
@import url('modules/sidebar.css');
@import url('modules/footer.css');

/* 4. Productos */
@import url('modules/products.css');
@import url('modules/product-detail.css');
@import url('modules/cart.css');
@import url('modules/checkout.css');
@import url('modules/pagination.css');

/* 5. Admin */
@import url('modules/admin-layout.css');
@import url('modules/admin-tables.css');
@import url('modules/admin-forms.css');

/* 6. Componentes específicos */
@import url('modules/whatsapp.css');
@import url('modules/auth.css');
@import url('modules/image-uploader.css');
@import url('modules/lightbox.css');

/* 7. Utilidades y responsive */
@import url('modules/animations.css');
@import url('modules/responsive.css');