/* ================================================================
   CORELA - Main CSS Entry Point
   v0.08 - Modular Architecture
   ================================================================
   
   This file imports all CSS modules organized by logical groups.
   All styles are now split into smaller, maintainable files.
   
   Structure:
   - base/        → Variables, reset, typography
   - layout/      → Containers, sidebar, page structure
   - components/  → Reusable UI elements (buttons, forms, tables)
   - pages/       → Page-specific styles
   - utilities/   → Icons, state helpers
   
   ================================================================ */

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

/* ========== LAYOUT: Page Structure ========== */
@import url('./layout/containers.css');
@import url('./layout/sidebar.css');

/* ========== COMPONENTS: Reusable UI Elements ========== */
@import url('./components/buttons.css');
@import url('./components/forms.css');
@import url('./components/tables.css');
@import url('./components/messages.css');

/* ========== PAGES: Page-Specific Styles ========== */
@import url('./pages/login.css');
@import url('./pages/workout.css');
@import url('./pages/chat.css');
@import url('./pages/edit.css');

/* ========== UTILITIES: Helpers & Icons ========== */
@import url('./utilities/icons.css');
@import url('./utilities/state.css');