/*
 * Main CSS - BioTuteur
 * Point d'entrée principal pour tous les styles
 *
 * Structure modulaire :
 * 1. Variables et configuration
 * 2. Reset et styles de base
 * 3. Layout (structure de page)
 * 4. Composants réutilisables
 * 5. Pages spécifiques
 *
 * Pour modifier le thème : voir base/variables.css
 */

/* ========================================
   1. BASE - Variables et configuration
   ======================================== */

@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ========================================
   2. LAYOUT - Structure de page
   ======================================== */

@import url('layout/sidebar.css');
@import url('layout/chat.css');
@import url('layout/right-sidebar.css');

/* ========================================
   3. COMPONENTS - Composants réutilisables
   ======================================== */

@import url('components/buttons.css');
@import url('components/loader.css');
@import url('components/modals.css');
@import url('components/alerts.css');
@import url('components/messages.css');

/* ========================================
   4. PAGES - Styles spécifiques
   ======================================== */

@import url('pages/quiz.css');
@import url('pages/methodes_etude.css');
@import url('pages/auth.css');
@import url('pages/welcome.css');

/* ========================================
   Notes pour les développeurs :

   - Toutes les couleurs utilisent des variables CSS (--color-*)
   - Pour changer le thème : modifiez base/variables.css
   - Pour ajouter un nouveau composant : créez components/nom.css
   - Pour une nouvelle page : créez pages/nom.css
   - N'oubliez pas d'importer le nouveau fichier ici

   Structure des fichiers :
   static/css/
   ├── main.css              (ce fichier)
   ├── base/
   │   ├── variables.css     (toutes les variables)
   │   ├── reset.css         (normalisation)
   │   └── typography.css    (textes)
   ├── layout/
   │   ├── sidebar.css
   │   ├── chat.css
   │   └── right-sidebar.css
   ├── components/
   │   ├── buttons.css
   │   ├── loader.css
   │   ├── modals.css
   │   └── alerts.css
   └── pages/
       ├── quiz.css
       ├── methodes_etude.css
       ├── auth.css
       └── welcome.css
   ======================================== */