/**
 * IFS Therapy Platform - Main Stylesheet
 *
 * This file imports all modular CSS files in the correct order.
 * Load order is critical for proper style cascade.
 */

/* 1. Design Tokens & Variables */
@import url('/static/styles/00-variables.css');

/* 2. Base & Reset */
@import url('/static/styles/01-base.css');

/* 3. Header Component */
@import url('/static/styles/02-header.css');

/* 3b. Start/Login Screen */
@import url('/static/styles/00-start-screen.css');

/* 4. Home Screen (Landing Page) */
@import url('/static/styles/03-home-screen.css');

/* 4b. Reflectieopdrachten Screen */
@import url('/static/styles/03-reflectie-screen.css');

/* 4c. Afgeronde Sessies Screen */
@import url('/static/styles/03-sessies-screen.css');

/* 4d. Settings Screen */
@import url('/static/styles/03-settings-screen.css');

/* 5. Chat/Sessie Screen (Fullscreen Layout) */
@import url('/static/styles/04-chat-screen.css');

/* 5b. Chat Messages & Bubbles */
@import url('/static/styles/04-chat.css');

/* 6. Input Fields & Buttons */
@import url('/static/styles/05-input-buttons.css');

/* 7. Modal System */
@import url('/static/styles/06-modals.css');

/* 8. Report Viewer */
@import url('/static/styles/07-report-viewer.css');

/* 9. Responsive Design (Media Queries) */
@import url('/static/styles/08-responsive.css');