/**
 * Fichier CSS principal
 * Importe tous les modules CSS et définit les styles globaux
 */

/* Importer les modules CSS */
@import 'base.css';
@import 'theme.css';
@import 'components.css';
@import 'layouts.css';
@import 'animations.css';

/* Styles spécifiques au projet qui ne rentrent pas dans les autres modules */
:root {
    --brand-green: #004d40;
    --brand-green-light: #00695c;
    --brand-blue: #1e88e5;
}

/* Classes utilitaires pour les couleurs de marque */
.bg-brand { background-color: var(--brand-green); }
.hover\:bg-brand:hover { background-color: var(--brand-green); }
.text-brand { color: var(--brand-green); }
.hover\:text-brand:hover { color: var(--brand-green); }
.border-brand { border-color: var(--brand-green); }
.hover\:bg-brand-light:hover { background-color: var(--brand-green-light); }
.bg-brand-blue { background-color: var(--brand-blue); }

/* Appliquer d'abord le style Tailwind existant */
/* On conserve l'approche visuelle existante */