/* ==========================================================================
   ERP CSS FRAMEWORK - MODULAR STRUCTURE
   ========================================================================== */

/* Import order is important - follow the cascade hierarchy */

/* 1. Design System Foundation */
@import 'components/tokens.css';         /* CSS Variables & Design Tokens */
@import 'components/base.css';           /* Reset & Base Styles */
@import 'components/utilities.css';      /* Utility Classes */

/* 2. Layout System */
@import 'components/layout.css';         /* Container, Grid, Page Structure */

/* 3. Core Components (alphabetical) */
@import 'components/badges.css';         /* Badges & Status Indicators */
@import 'components/buttons.css?v=4';    /* Button Components */
@import 'components/cards.css';          /* Card Components */
@import 'components/forms.css';          /* Form Components */
@import 'components/navigation.css';     /* Navigation & Sidebar */
@import 'components/tables.css';         /* Table Components */

/* 4. Complex Components */
@import 'components/dropdowns.css';      /* Dropdown & Context Menus */
@import 'components/modals.css';         /* Modal Components */
@import 'components/notifications.css';  /* Alerts & Notifications */
@import 'components/top-nav.css';         /* Search & Filter Components */

/* 5. Data Display Components */
@import 'components/data-display.css';   /* Meta, Contact, Financial displays */
@import 'components/dashboard.css';      /* Dashboard stat cards, grid */

/* 6. Module-Specific Styles */
@import 'components/multiselect.css';    /* Custom Multi-Select Dropdown */
@import 'components/erp-modules.css';    /* Purchase Orders, Accounting, etc */
@import 'components/catalog.css';        /* Product Catalog & Packs */
/* project-styles.css is linked directly in layout.php for cache-busting */
@import 'components/cart.css'; /* Project Management */


/* 7. State & Interaction */
@import 'components/states.css';         /* Loading, Empty, Error states */
@import 'components/animations.css';     /* Keyframes & Animations */

/* 8. Responsive Overrides */
@import 'components/responsive.css';     /* Mobile & Tablet breakpoints */

/* Sidebar rules (.sidebar, .sidebar-nav, .sidebar-footer, .sidebar-logout)
   live in shared app-core/public/assets/css/components/navigation.css. */

/* App-specific variables */
:root {
  --logo-color-1: #193153;
  --logo-color-2: #ffbd59;
}