/* ========================================
   PALETTES DE COULEURS POUR LE COMITÉ DES FÊTES
   ======================================== */

/* PALETTE 1 : VERT NATURE ET ORANGE ÉNERGIE */
.palette-nature {
  --primary-color: #2ecc71; /* Vert émeraude */
  --secondary-color: #f39c12; /* Orange soleil */
  --accent-color: #e67e22; /* Orange foncé */
  --gradient-primary: linear-gradient(135deg, #2ecc71 0%, #27ae60 100%);
  --gradient-secondary: linear-gradient(135deg, #f39c12 0%, #e67e22 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #ecf0f1;
  --white: #ffffff;
}

/* PALETTE 2 : BLEU MARIN ET TURQUOISE */
.palette-ocean {
  --primary-color: #3498db; /* Bleu ciel */
  --secondary-color: #1abc9c; /* Turquoise */
  --accent-color: #2980b9; /* Bleu marine */
  --gradient-primary: linear-gradient(135deg, #3498db 0%, #2980b9 100%);
  --gradient-secondary: linear-gradient(135deg, #1abc9c 0%, #16a085 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #ecf0f1;
  --white: #ffffff;
}

/* PALETTE 3 : VIOLET ROYAL ET ROSE */
.palette-royal {
  --primary-color: #9b59b6; /* Violet */
  --secondary-color: #e91e63; /* Rose vif */
  --accent-color: #8e44ad; /* Violet foncé */
  --gradient-primary: linear-gradient(135deg, #9b59b6 0%, #8e44ad 100%);
  --gradient-secondary: linear-gradient(135deg, #e91e63 0%, #c2185b 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #f8f9fa;
  --white: #ffffff;
}

/* PALETTE 4 : ROUGE PASSION ET OR */
.palette-passion {
  --primary-color: #e74c3c; /* Rouge */
  --secondary-color: #f1c40f; /* Or */
  --accent-color: #c0392b; /* Rouge foncé */
  --gradient-primary: linear-gradient(135deg, #e74c3c 0%, #c0392b 100%);
  --gradient-secondary: linear-gradient(135deg, #f1c40f 0%, #f39c12 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #fdf2f2;
  --white: #ffffff;
}

/* PALETTE 5 : TEAL MODERNE ET CORAIL */
.palette-modern {
  --primary-color: #00bcd4; /* Teal */
  --secondary-color: #ff5722; /* Corail */
  --accent-color: #009688; /* Teal foncé */
  --gradient-primary: linear-gradient(135deg, #00bcd4 0%, #009688 100%);
  --gradient-secondary: linear-gradient(135deg, #ff5722 0%, #e64a19 100%);
  --text-dark: #263238;
  --text-light: #607d8b;
  --background-light: #f5f5f5;
  --white: #ffffff;
}

/* PALETTE 6 : VERT SAGE ET BLEU PAISIBLE */
.palette-sage {
  --primary-color: #4caf50; /* Vert sage */
  --secondary-color: #2196f3; /* Bleu paisible */
  --accent-color: #388e3c; /* Vert foncé */
  --gradient-primary: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
  --gradient-secondary: linear-gradient(135deg, #2196f3 0%, #1976d2 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #f1f8e9;
  --white: #ffffff;
}

/* PALETTE 7 : ORANGE CHALEUREUX ET BLEU CIEL */
.palette-warm {
  --primary-color: #ff9800; /* Orange chaleureux */
  --secondary-color: #03a9f4; /* Bleu ciel */
  --accent-color: #f57c00; /* Orange foncé */
  --gradient-primary: linear-gradient(135deg, #ff9800 0%, #f57c00 100%);
  --gradient-secondary: linear-gradient(135deg, #03a9f4 0%, #0288d1 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #fff3e0;
  --white: #ffffff;
}

/* PALETTE 8 : VIOLET PROFOND ET ROSE DOUX */
.palette-elegant {
  --primary-color: #673ab7; /* Violet profond */
  --secondary-color: #ff4081; /* Rose doux */
  --accent-color: #5e35b1; /* Violet foncé */
  --gradient-primary: linear-gradient(135deg, #673ab7 0%, #5e35b1 100%);
  --gradient-secondary: linear-gradient(135deg, #ff4081 0%, #e91e63 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #f3e5f5;
  --white: #ffffff;
}

/* PALETTE 9 : BLEU PROFESSIONNEL ET VERT FRESH */
.palette-professional {
  --primary-color: #1976d2; /* Bleu professionnel */
  --secondary-color: #4caf50; /* Vert fresh */
  --accent-color: #1565c0; /* Bleu foncé */
  --gradient-primary: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
  --gradient-secondary: linear-gradient(135deg, #4caf50 0%, #388e3c 100%);
  --text-dark: #263238;
  --text-light: #607d8b;
  --background-light: #f5f5f5;
  --white: #ffffff;
}

/* PALETTE 10 : ROUGE FESTIF ET OR BRILLANT */
.palette-festive {
  --primary-color: #d32f2f; /* Rouge festif */
  --secondary-color: #ffc107; /* Or brillant */
  --accent-color: #b71c1c; /* Rouge foncé */
  --gradient-primary: linear-gradient(135deg, #d32f2f 0%, #b71c1c 100%);
  --gradient-secondary: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
  --text-dark: #2c3e50;
  --text-light: #7f8c8d;
  --background-light: #ffebee;
  --white: #ffffff;
}

/* PALETTE 11 : COMITÉ PROFESSIONNEL ET MODERNE */
.palette-comite {
  --primary-color: #264093; /* Bleu navigation/titres/boutons */
  --secondary-color: #e09f3e; /* Orange appels à l'action/survols */
  --accent-color: #6c91c2; /* Bleu nuance sections secondaires */
  --gradient-primary: linear-gradient(135deg, #264093 0%, #1a2d6b 100%);
  --gradient-secondary: linear-gradient(135deg, #e09f3e 0%, #d18f2e 100%);
  --text-dark: #1a1a1a; /* Gris très foncé pour textes */
  --text-light: #666666; /* Gris moyen pour textes secondaires */
  --background-light: #f5f5f5; /* Fond lumineux et moderne */
  --white: #ffffff;
  --background-secondary: #6c91c2; /* Pour les encadrés secondaires */
  --hover-color: #e09f3e; /* Couleur de survol */
  --border-color: #e0e0e0; /* Couleur des bordures */
}

/* ========================================
   GUIDE D'UTILISATION
   ======================================== */

/*
Pour utiliser une palette :

1. Ajoutez la classe de palette au body :
   <body class="palette-nature">

2. Remplacez les couleurs dans styles.css par les variables CSS :
   .btn-primary {
       background: var(--primary-color);
   }

3. Utilisez les dégradés :
   .hero {
       background: var(--gradient-primary);
   }

Exemples de palettes recommandées pour un comité des fêtes :
- palette-festive : Parfait pour les festivités
- palette-nature : Écologique et chaleureux
- palette-warm : Accueillant et convivial
- palette-royal : Élégant et festif
*/