/* ==========================================================================
   ANYBELLE - MAIN STYLESHEET BUNDLER (MODULAR ATOMIC ITCSS)
   ========================================================================== */

/* 1. Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;0,800;1,600&display=swap');

/* 2. Tokens de Diseño */
@import url('./tokens/zindex.css');
@import url('./tokens/colors.css');
@import url('./tokens/typography.css');
@import url('./tokens/spacing.css');

/* 3. Base y Reset */
@import url('./base/reset.css');
@import url('./base/accessibility.css');

/* 4. Componentes */
@import url('./components/buttons.css');
@import url('./components/badges.css');
@import url('./components/steppers.css');
@import url('./components/product-card.css');
@import url('./components/product-card-media.css');
@import url('./components/catalog-skeleton.css');
@import url('./components/tooltips.css');
@import url('./components/toast.css');
@import url('./components/sweetalert.css');
@import url('./components/floating-bar.css');
@import url('./components/mobile-tab-bar.css');

/* 5. Modales y Drawers */
@import url('./modals/modal-base.css');
@import url('./modals/cart-drawer.css');
@import url('./modals/cart-items.css');
@import url('./modals/product-modal.css');
@import url('./modals/admin-modal.css');

/* 6. Layout y Estructura */
@import url('./layout/header.css');
@import url('./layout/hero.css');
@import url('./layout/hero-pills.css');
@import url('./layout/collections.css');
@import url('./layout/filter-bar.css');
@import url('./layout/grid.css');
@import url('./layout/footer.css');
@import url('./layout/responsive.css');