/* ==========================================================================
   TOUTOUFOU THEME - Système CSS principal
   Architecture organisée et optimisée
   ========================================================================== */

/* === 1. CORE - Fondamentaux === */
@import url('./1-core/variables.css');
@import url('./1-core/base.css');

/* === 2. COMPONENTS - Composants UI === */
@import url('./2-components/ui-components.css');
@import url('./2-components/header.css');
@import url('./2-components/footer.css');

/* === 3. LAYOUT - Structures === */
@import url('./3-layout/layout.css');

/* === 4. PAGES - Pages spécifiques === */
@import url('./4-pages/pages.css');
@import url('./4-pages/page-contact.css'); /* Page contact - Mobile First + Variables */
@import url('./4-pages/front-page-components.css');

/* === 5. UTILITIES - Classes d'aide === */
@import url('./5-utilities/utilities.css');

/* === 6. ANIMATIONS - Animations et transitions === */
@import url('./6-animations/animations.css');

/* ==========================================================================
   ARCHITECTURE CSS EXPLIQUÉE
   ========================================================================== */

/*
1. CORE (1-core/)
   - variables.css : Toutes les variables CSS (couleurs, typographie, espacements)
   - base.css : Reset CSS, styles de base et fondamentaux

2. COMPONENTS (2-components/)
   - ui-components.css : Composants UI réutilisables (boutons, cartes, formulaires)
   - header.css : Navigation et header
   - footer.css : Pied de page

3. LAYOUT (3-layout/)
   - layout.css : Structures de page, grilles, containers

4. PAGES (4-pages/)
   - pages.css : Styles spécifiques aux différentes pages

5. UTILITIES (5-utilities/)
   - utilities.css : Classes utilitaires pour modifications rapides

6. ANIMATIONS (6-animations/)
   - animations.css : Toutes les animations et transitions

AVANTAGES DE CETTE ARCHITECTURE :
- Modulaire et maintenable
- Évite les duplications
- Cohérence dans tout le thème
- Performance optimisée
- Facilité de débogage
- Responsive par défaut
- Accessibilité intégrée
*/
