/* ================================================================
   APP.CSS – Main CSS Import File
   ================================================================
   This is the main CSS file that imports all other stylesheets.
   Import this single file in your application to load all styles.
   
   Import order:
   1. Variables (CSS custom properties, colors, spacing)
   2. Layout (structural components, navigation, shells)
   3. Components (reusable UI elements, cards, buttons)
   4. Pages (page-specific styles)
   ================================================================ */

/* Import Variables First - Makes variables available to all other files */
@import url('variables.css');

/* Import Layout Styles */
@import url('layout.css');

/* Import Component Styles */
@import url('components.css');

/* Import Page-Specific Styles */
@import url('pages.css');