/**
 * ============================================================================
 * ELYTRA - POINT D'ENTRÉE CSS PRINCIPAL
 * ============================================================================
 * 
 * Ce fichier importe TOUS les fichiers CSS dans le bon ordre.
 * 
 * ORDRE D'IMPORT (CRITIQUE) :
 *   1. Tokens (variables CSS) - DOIT être en premier
 *   2. Base (reset, typographie de base)
 *   3. Layout (structure générale)
 *   4. Components (composants réutilisables)
 *   5. Pages (styles spécifiques aux pages)
 * 
 * PRINCIPE : Cascade CSS
 * - Les tokens définissent les variables
 * - La base utilise les tokens
 * - Les composants utilisent la base + tokens
 * - Les pages utilisent tout ce qui précède
 * 
 * ============================================================================
 */

/* ============================================================================
   🎨 1. TOKENS (Design System Variables)
   ============================================================================
   DOIT être importé en premier - toutes les autres feuilles en dépendent
   ============================================================================ */
@import url("./core/tokens.4aef18ec6290.css");

/* ============================================================================
   📐 2. BASE (Reset, Typographie de base)
   ============================================================================
   Styles de base pour HTML, body, liens, etc.
   ============================================================================ */
@import url("./core/base.aac33fa7ec09.css");
@import url("./core/typography.64ece6e0fbc6.css");

/* ============================================================================
   🏗️ 3. LAYOUT (Structure générale)
   ============================================================================
   Header minimal, Sidebar, Content area, Grid system
   ============================================================================ */
@import url("./core/header.b63ecdca6fd8.css");
@import url("./core/layout.606392f45db2.css");

/* ============================================================================
   🧩 4. COMPOSANTS (Réutilisables)
   ============================================================================
   Boutons, Badges, Cards, Tables, Forms, etc.
   ============================================================================ */
@import url("./components/buttons.c6ead5d8b45e.css");
@import url("./components/badges.6239792c49b3.css");
@import url("./components/cards.55bb48275986.css");
@import url("./components/tables.ebc4d6ef9c60.css");
@import url("./components/stats.60316f64b83a.css");
@import url("./components/sidebar.9d84d8514917.css");
@import url("./components/content-tabs.1e774076608a.css");
@import url("./components/notifications.51e12a1f9cd0.css");
@import url("./components/delete-modal.88b7c5c6a266.css");
@import url("./components/forms.1d7fee33c4cb.css");
@import url("./components/file-preview.d8e7e9a7cebe.css");

/* ============================================================================
   🛠️ 5. UTILITIES (Helpers)
   ============================================================================
   Classes utilitaires (spacing, display, etc.)
   ============================================================================ */
@import url("./core/utilities.c43267b2ebad.css");

/* ============================================================================
   📄 6. PAGES (Styles spécifiques)
   ============================================================================
   Styles pour des pages ou sections spécifiques
   ============================================================================ */
@import url("./pages/list.6a4926738248.css");
@import url("./pages/detail.693408c98c1c.css");
@import url("./pages/parametres.f85cbb72164f.css");
@import url("./pages/transport-form.90a8c7922de4.css");
@import url("./pages/facture_creation_libre.13bc4e7ded71.css");
@import url("./pages/auth.d0f880ef7acf.css");
@import url("./pages/profile.354a679d638f.css");
@import url("./pages/agents.14cae08bd2dd.css");
@import url("./pages/welcome.65f61cef8764.css");
@import url("./pages/contact.749edc791c91.css");
@import url("./pages/dashboard_global.023d2ed0d7b0.css");

/* ============================================================================
   🏢 7. MODULES SPÉCIFIQUES (Si nécessaire)
   ============================================================================
   Styles pour des modules spécifiques (entreprise, etc.)
   ============================================================================ */
@import url("./entreprise/agents.abf96e6c057b.css");

/**
 * ============================================================================
 * NOTES IMPORTANTES
 * ============================================================================
 * 
 * ❌ NE PAS IMPORTER :
 *   - global.css (remplacé par tokens.css + components)
 *   - detail.css (utiliser pages/detail.css)
 *   - forms.css (utiliser components/forms.css)
 * 
 * ✅ UTILISER :
 *   - Variables CSS depuis tokens.css
 *   - Classes depuis components/
 *   - Typographie depuis typography.css
 * 
 * ============================================================================
 */
