/*
 * Styles communs à index.html, gestion.html et admin.html.
 *
 * Ce fichier ne contient QUE ce qui est vraiment identique entre les
 * 3 pages (vérifié avant extraction, pas de simple "ça se ressemble") :
 * la palette de couleurs de la marque, et quelques composants ajoutés
 * lors de la modernisation qui se sont retrouvés dupliqués à l'identique.
 *
 * Chaque page garde son propre <style> pour tout ce qui lui est propre
 * (mise en page générale, composants spécifiques à son usage). Ce fichier
 * n'a pas vocation à devenir la seule feuille de style du site : c'est un
 * socle partagé qui évitera que les couleurs de la marque ou les
 * composants communs ne divergent silencieusement d'une page à l'autre
 * au fil des futures modifications.
 */

/* --- Palette de couleurs de la marque --- */
:root {
    --primary: #556B2F;        /* Vert sauge principal */
    --primary-border: #dce6c3; /* Bordure vert clair (cartes, encadrés) */
    --primary-pale: #eef2e6;   /* Fond vert très pâle (survol, badges) */
    --primary-pale-2: #f9faf5; /* Fond vert quasi-blanc (cartes discrètes) */
    --primary-pale-3: #f0f4e8; /* Fond vert pâle (bandeaux d'info) */
    --accent-yellow: #f1c40f;  /* Jaune d'accent (liens en pied de mail, etc.) */
    --danger: #e74c3c;         /* Rouge (erreurs, actions destructrices) */
    --danger-alt: #ff5252;     /* Variante rouge plus vive (icônes de suppression) */
    --success: #2ecc71;        /* Vert de validation (statut "validé") */
    --warning: #e67e22;        /* Orange (statuts d'attente, alertes douces) */
    --neutral-light: #f0f0f0;  /* Gris clair neutre (fonds de champs désactivés) */
}

/* --- Bouton compact de bascule Adulte/Enfant --- */
/* Utilisé dans les formulaires de participants (ajout de réservation,
   espace voyageur, formulaire public). Un seul bouton-icône qui bascule
   entre 👤 et 👶 au clic, au lieu de deux boutons côte à côte. */
.btn-role { flex: 0 0 auto; width: 36px; height: 36px; border-radius: 8px; border: 1px solid #ddd; background: #f7faf2; font-size: 1.1em; cursor: pointer; padding: 0; margin: 0; }
.btn-role:active { background: #eef2e6; }