/* ==========================================
   Main CSS Orchestrator
   ==========================================
   
   Import order matters! This file orchestrates all CSS modules
   in the correct cascade order for predictable styling.
   
   Load order:
   1. Design tokens (CSS custom properties)
   2. Base resets and typography
   3. Layout patterns
   4. Components
   
   This is the main entry point for all CSS modules.
   ========================================== */

/* Base Layer: Foundation */
@import url('./base/variables.css');
@import url('./base/reset.css');
@import url('./base/typography.css');

/* Layout Layer: Structure */
@import url('./layout/containers.css');
@import url('./layout/grid.css');
@import url('./layout/sections.css');
@import url('./layout/patterns.css');

/* Component Layer: UI Elements */
@import url('./components/buttons.css');
@import url('./components/cards.css');
@import url('./components/modal.css');
@import url('./components/hero.css');
@import url('./components/hero-bullets.css');
@import url('./components/investment.css');
@import url('./components/footer.css');

/* Utility Layer: Helpers and misc */
@import url('./components/utilities.css');