/* ==========================================================================
   WILL'S 3-2-1 CSS MANIFEST (v6.1 - Refactored Feature Architecture)

   CEMENT: Organized feature-based architecture with clean dependencies
   - Base styles establish foundation
   - Global components provide shared patterns
   - Feature components handle specific functionality
   - Utilities provide helper classes and animations

   Import Order: Critical for cascade control and specificity management
   ========================================================================== */

/* === 1. VARIABLES - Must be first === */
@import url("./base/_variables.css");

/* === 2. BASE STYLES - Foundational setup === */
@import url("./base/_reset.css");
@import url("./base/_typography.css");
@import url("./base/_scaffolding.css");

/* === 3. GLOBAL COMPONENTS - Shared patterns === */
@import url("./components/_buttons.css");
@import url("./components/_inputs.css");
@import url("./components/_selectors.css");
@import url("./components/_modals.css");
@import url("./components/_card-headers.css");
@import url("./components/_card-foundations.css");
@import url("./components/_action-button-groups.css");

/* === 4. FEATURE COMPONENTS - Specific UI parts === */

/* Core Features */
@import url("../features/fuel-gauge/fuel-gauge.style.css");
@import url("../features/dual-mode/dual-mode.style.css");

/* App Navigation */
@import url("../features/app-header/app-header.style.css");
@import url("../features/side-nav/side-nav.style.css");

/* Media */
@import url("../features/video-player/video-player.style.css");

/* Modals */
@import url("../features/config-card/config-card.modal.style.css");
@import url("../features/superset-modal/superset-modal.style.css");
@import url("../features/partner-modal/partner-modal.style.css");
@import url("../features/reset-confirmation-modal/reset-confirmation-modal.style.css");

/* Pages */
@import url("../features/home-page/home-page.style.css");
@import url("../features/my-data/my-data.style.css");

/* Cards */
@import url("../features/config-card/config-card.header.style.css");
@import url("../features/active-exercise-card/active-exercise-card.style.css");
@import url("../features/workout-results-card/workout-results-card.style.css");
@import url("../features/workout-log/workout-log.style.css");

/* === 5. UTILITY CLASSES === */
@import url("./utils/_helpers.css");
@import url("./utils/_animations.css");

/* === 6. THEMES - Final layer for cosmetic overrides === */
@import url("./themes/_default.css");
@import url("./themes/_dark.css");