/* ================================================
   HISTORICAL EMPORIUM - MAIN STYLESHEET

   TABLE OF CONTENTS:
   1. Variables & Design System
   2. Reset & Base Styles
   3. Typography
   4. Layout System
   5. Grid System (Atomic Design)
   6. Buttons
   7. Navigation
   8. Base Components
   9. Utilities
   10. Global Styles
   11. Page-Specific Styles (Homepage)

   NOTE: Import order is critical for CSS cascade
   ================================================ */

/* 1. Variables & Design System - MUST be first */
@import url('variables.css?v=1.0.1');

/* 2. Reset & Base Styles */
@import url('reset.css?v=1.0.1');

/* 3. Typography */
@import url('typography.css?v=1.0.1');

/* 4. Layout System */
@import url('layout.css?v=1.0.2');

/* 5. Grid System (Atomic Design) */
@import url('grid.css?v=1.0.1');

/* 6. Buttons */
@import url('buttons.css?v=1.0.1');

/* 7. Navigation */
@import url('navigation.css?v=1.0.2');

/* 8. Base Components (Atomic Design) */
@import url('components.css?v=1.0.1');

/* 9. Utilities (Atomic Utilities) */
@import url('utilities.css?v=1.0.1');

/* 10. Global Styles */
@import url('responsive-globals.css?v=1.0.2');

/* 11. Page-Specific Styles */
@import url('homepage.css?v=1.0.3');
@import url('collection.css?v=1.0.2');
@import url('product.css?v=1.0.1');
@import url('customer-service.css?v=1.0.0');
@import url('blog.css?v=1.0.0');
@import url('guides.css?v=1.0.1');

/* ================================================
   END OF STYLESHEET IMPORTS
   ================================================ */