/* ========================================
   MAIN CSS - Showroom Cars
   Modular CSS Architecture
   ======================================== */

/* Import order is important for CSS cascade */

/* 1. Base styles and variables */
@import 'modules/_base.css';
@import 'modules/_animations.css';
@import 'modules/_mobile.css';
@import 'modules/_modals.css';
@import 'modules/_mobile-optimizations.css';
@import 'modules/_components.css';
@import 'modules/_sections.css';
@import 'modules/_utilities.css';

/* 2. All modules have been successfully refactored! */
/* @import 'modules/_base.css'; */
/* @import 'modules/_variables.css'; */
/* @import 'modules/_mobile.css'; */
/* @import 'modules/_responsive.css'; */
/* @import 'modules/_modals.css'; */
/* @import 'modules/_mobile-optimizations.css'; */
/* @import 'modules/_components.css'; */
/* @import 'modules/_sections.css'; */
/* @import 'modules/_utilities.css'; */

/* Temporary: Import original styles.css for remaining styles */
@import '../styles.css';

/* Performance optimizations - must be last to override everything */
@import 'modules/_performance.css';