/* filepath: website_sale_aplicoop/static/src/css/website_sale.css */

/**
 * Website Sale Aplicoop - Main CSS Index File
 * This file imports all component stylesheets in the correct order
 *
 * Architecture:
 * 1. Base & Variables (colors, spacing, typography)
 * 2. Layout & Pages (page backgrounds, containers)
 * 3. Components (reusable UI elements)
 * 4. Sections (page-specific layouts)
 * 5. Responsive (media queries)
 */

/* ============================================
   1. BASE & VARIABLES
   ============================================ */
@import "base/variables.css";
@import "base/utilities.css";

/* ============================================
   2. LAYOUT & PAGES
   ============================================ */
@import "layout/pages.css";
@import "layout/header.css";

/* ============================================
   3. COMPONENTS (Reusable UI elements)
   ============================================ */
@import "components/product-card.css";
@import "components/order-card.css";
@import "components/cart.css";
@import "components/buttons.css";
@import "components/quantity-control.css";
@import "components/forms.css";
@import "components/alerts.css";
@import "components/tag-filter.css";

/* ============================================
   4. SECTIONS (Page-specific layouts)
   ============================================ */
@import "sections/products-grid.css";
@import "sections/order-list.css";
@import "sections/checkout.css";
@import "sections/info-cards.css";

/* ============================================
   5. RESPONSIVE DESIGN (Media queries)
   ============================================ */
@import "layout/responsive.css";
