/* Main CSS Entry Point - Workout App
   This file imports all modular CSS files in the correct order.
   Phase 1 of CSS refactoring - Core, Components extracted.

   Import Order:
   1. Core - Foundation (reset, tokens, typography, layout, navigation, accessibility)
   2. Components - Reusable UI elements (buttons, cards, forms)
   3. Features - Feature-specific styles (still in styles.css, to be extracted in Phase 2)
   4. Views - View-specific styles (still in styles.css, to be extracted in Phase 3)
*/

/* ============================================
   CORE - FOUNDATION
   ============================================ */

/* Reset and base HTML/body styles */
@import 'core/reset.css';

/* CSS Custom Properties (design tokens) */
@import 'core/tokens.css';

/* Typography base styles */
@import 'core/typography.css';

/* Layout system (container, views, grids) */
@import 'core/layout.css';

/* Navigation (navbar, mobile nav, user menu) */
@import 'core/navigation.css';

/* Accessibility (focus states, touch targets, reduced motion, print) */
@import 'core/accessibility.css';

/* ============================================
   COMPONENTS - REUSABLE UI ELEMENTS
   ============================================ */

/* Button styles (all variants) */
@import 'components/buttons.css';

/* Card styles (routine, exercise, history, stat cards) */
@import 'components/cards.css';

/* Form styles (inputs, selects, textareas) */
@import 'components/forms.css';

/* ============================================
   FEATURES - FEATURE-SPECIFIC STYLES
   ============================================ */

/* Routine builder with drag-and-drop */
@import 'features/routine-builder.css';

/* Active workout session and rest timer */
@import 'features/workout.css';

/* History list, detail view, and editors */
@import 'features/history.css';

/* RPE (Rate of Perceived Exertion) selector */
@import 'features/rpe-modal.css';

/* ============================================
   MORE COMPONENTS
   ============================================ */

/* Modal system and confirmation sheets */
@import 'components/modals.css';

/* Toast notification system */
@import 'components/notifications.css';

/* Loading states (spinners, skeletons) */
@import 'components/loading.css';

/* Empty state messages */
@import 'components/empty-states.css';

/* Icon styles (Lucide icons) */
@import 'components/icons.css';

/* Filter components */
@import 'components/filters.css';

/* ============================================
   VIEWS - VIEW-SPECIFIC STYLES
   ============================================ */

/* Home/Dashboard view */
@import 'views/home.css';

/* Routines list view */
@import 'views/routines.css';

/* Exercises list and detail views */
@import 'views/exercises.css';

/* ============================================
   MORE FEATURES
   ============================================ */

/* Statistics view and charts */
@import 'features/stats.css';

/* ============================================
   UTILITIES - HELPER CLASSES
   ============================================ */

/* Utility classes (text helpers, visibility, layout) */
@import 'utils/utilities.css';

/* ============================================
   PHASE 4 COMPLETE - FULL MODULARIZATION
   ============================================

   All CSS has been extracted from the original styles.css into modular files.
   The monolithic styles.css has been replaced with this organized structure.

   Total modules: 24 files
   - Core: 6 files (reset, tokens, typography, layout, navigation, accessibility)
   - Components: 10 files (buttons, cards, forms, modals, notifications, loading, empty-states, icons, filters)
   - Features: 5 files (routine-builder, workout, history, rpe-modal, stats)
   - Views: 3 files (home, routines, exercises)
   - Utils: 1 file (utilities)

   Completed: November 2025
*/