/**
 * Main CSS Entry Point
 * Organized imports for all stylesheets
 *
 * Structure:
 * 1. Base - Variables, reset, typography
 * 2. Layout - Grid, sidebar, responsive
 * 3. Components - Reusable UI components
 * 4. Utilities - Helper classes
 * 5. Pages - Page-specific styles (loaded per-page)
 */

/* ========================================
   1. BASE STYLES
   ======================================== */

/* Design tokens and CSS variables */
@import url('base/variables.css');

/* Reset, typography, global styles */
@import url('base/base.css');

/* ========================================
   2. LAYOUT
   ======================================== */

/* Sidebar navigation */
@import url('layout/sidebar.css');

/* Responsive breakpoints */
@import url('layout/responsive.css');

/* ========================================
   3. COMPONENTS
   ======================================== */

/* Card components (BEM) */
@import url('components/cards.css');

/* Loading spinners and overlays */
@import url('components/loading.css');

/* Table styles */
@import url('components/table.css');

/* Buttons, forms, navigation */
@import url('components/components.css');

/* ========================================
   4. UTILITIES
   ======================================== */

/* Column manager utility */
@import url('utilities/column-manager.css');

/* Lazy loading styles and placeholders */
@import url('utilities/lazy-loading.css');

/* ========================================
   PAGE-SPECIFIC STYLES
   Note: Import these per-page as needed
   ======================================== */

/*
 * Available page stylesheets:
 * - pages/sale_details.css
 * - pages/sales_list.css
 * - pages/sales_page.css
 * - pages/auction-details.css
 * - pages/index.css
 * - pages/map-view.css
 * - pages/map_card.css
 *
 * Usage in templates:
 * {% block extra_css %}
 * <link rel="stylesheet" href="{{ url_for('static', path='/css/pages/sale_details.css') }}">
 * {% endblock %}
 */