/* =============================================================================
   MAIN.CSS - CSS Entry Point

   This file imports all modular CSS files. The order matters:
   1. Foundation - Design tokens, typography, layout primitives
   2. Components - Reusable UI components (alphabetical within block)
   3. Page-specific - Auth, pages, store, public, landing
   4. Feature-specific - Timeline, coach page, leaderboard
   5. Utilities - Utility classes (last for override capability)
   ============================================================================= */

/* ─── Foundation ─── */
@import url('tokens.css');
@import url('base.css');

/* ─── Components (alphabetical) ─── */
@import url('components/action-pill.css');
@import url('components/alerts.css');
@import url('components/avatar.css');
@import url('components/badges.css');
@import url('components/breath-line.css');
@import url('components/buttons.css');
@import url('components/chat-cards.css');
@import url('components/chat-error.css');
@import url('components/chat-marginalia.css');
@import url('components/coach-voice.css');
@import url('components/collapsibles.css');
@import url('components/composition.css');
@import url('components/credits.css');
@import url('components/empty-states.css');
@import url('components/forms.css');
@import url('components/journey-stage.css');
@import url('components/leaderboard-controls.css');
@import url('components/leaderboard-list.css');
@import url('components/leaderboard-podium.css');
@import url('components/message-board.css');
@import url('components/modals.css');
@import url('components/navigation.css');
@import url('components/onboarding-checklist.css');
@import url('components/page-zones.css');
@import url('components/progress-track.css');
@import url('components/stats-panel.css');
@import url('components/steeev-face.css');
@import url('components/poster.css');
@import url('components/workout-social.css');

/* ─── Page-specific ─── */
@import url('account-close.css');
@import url('auth.css');
@import url('pages.css');
@import url('store.css');
@import url('public.css');
@import url('landing.css');

/* ─── Feature-specific ─── */
@import url('timeline.css');
@import url('coach-page.css');
@import url('leaderboard.css');

/* ─── Utilities (last so they can override) ─── */
@import url('utilities.css');