/* ===============================================
   MAIN.CSS - Master Import File
   Wholesale Platform Design System
   
   Import order matters:
   1. Tokens (CSS variables)
   2. Base (reset, typography)
   3. Utilities (helper classes)
   4. Layout (app structure)
   5. Atoms (smallest components)
   6. Molecules (combinations of atoms)
   7. Organisms (complex components)
   8. Templates (page-specific styles)
   =============================================== */

/* 1. Design Tokens - CSS Variables */
@import '_tokens.css';

/* 2. Base Styles - Reset, Typography */
@import '_base.css';

/* 3. Utility Classes */
@import '_utilities.css';

/* 4. Layout - App Structure */
@import 'layout/_index.css';

/* 5. Atoms - Smallest Components */
@import 'atoms/_index.css';

/* 6. Molecules - Atom Combinations */
@import 'molecules/_index.css';

/* 7. Organisms - Complex Components */
@import 'organisms/_index.css';

/* 8. Templates - Page-specific Styles */
@import 'templates/_index.css';