/* ===================================================================
   MAIN CSS FILE - ESTRUCTURA MODULAR
   ===================================================================
   Este archivo importa todos los módulos CSS organizados de manera modular
   para facilitar el mantenimiento y la escalabilidad del proyecto.
   =================================================================== */

/* Base - Estilos fundamentales */
@import 'base/reset.css';
@import 'base/variables.css';
@import 'base/typography.css';
@import 'base/layout.css';

/* Components - Componentes reutilizables */
@import 'components/buttons.css';
@import 'components/forms.css';
@import 'components/modals.css';
@import 'components/navigation.css';
@import 'components/hero.css';
@import 'components/products.css';
@import 'components/cart.css';
@import 'components/footer.css';

/* Pages - Estilos específicos de página */
@import 'pages/home.css';
@import 'pages/category.css';
@import 'pages/product-detail.css';
@import 'pages/checkout.css';

/* Utils - Utilidades y helpers */
@import 'utils/animations.css';
@import 'utils/responsive.css';
@import 'utils/utilities.css';