/* ============================================
   MOOC Application - Main Stylesheet
   ============================================ */

/* Import CSS modules in dependency order */

/* 1. Foundation - Must be first */
@import 'base.css';

/* 2. Reusable Components */
@import 'components.css';

/* 3. Layout Structure */
@import 'layout.css';

/* 4. Feature-Specific Modules */
@import 'sidebar.css';
@import 'writing-area.css';
@import 'chat.css';
@import 'materials.css';
@import 'auth.css';
@import 'pages.css';

/* 5. Motion & Effects */
@import 'animations.css';

/* 6. Responsive - Must be last to override everything */
@import 'responsive.css';

/* ============================================
   Application-Specific Overrides
   ============================================ */

/* Add any application-specific styles here that don't fit 
   in the modular structure above */