/* ==============================================
   VARIABLES CSS - Système de couleurs centralisé
   jn-model (template journées nationales)
   ============================================== */

:root {
    /* === PALETTE PRINCIPALE === */
    /* Modifier ICI pour changer toutes les couleurs du site */
    --color-primary: #70AD47;        /* Couleur principale (bandeau, tuiles, footer) */
    --color-primary-light: #8bc364;  /* Version claire pour hover */
    --color-primary-dark: #5a8c39;   /* Version foncée */
    --color-olive: #738439;          /* Vert olive (pastille avatar, contrastes) */
    --color-secondary: #5A4E3F;      /* Couleur secondaire (textes, accents) */
    --color-accent: #ECC849;         /* Couleur d'accent (badges, highlights) */

    /* === COULEURS SÉMANTIQUES (INSCRIPTIONS) === */
    --grp-color: #ECC849;   /* Structure/Groupe - jaune */
    --ind-color: #008000;   /* Individuelle - vert */
    --int-color: #942588;   /* Intervenant - violet */

    /* === COULEURS UTILITAIRES === */
    --color-success: #008000;
    --color-danger: #e74c3c;
    --color-warning: #dea52a;
    --color-info: #497a94;
    --gpage-alerte: #E74353FF;

    /* === TOKENS GRAPPE (charte-graphique.md §2) — valeurs EMG (vert) === */
    /* Vocabulaire de tokens aligné sur la grappe CRM, mappé sur les valeurs
       vertes EMG. Adaptation gPage (pas de Tailwind/shadcn ici). */
    --color-primary-text: #ffffff;    /* Texte sur fond primary */
    --color-primary-strong: #4a7330;  /* Vert foncé ACCESSIBLE (blanc dessus ≈ 5,5:1, WCAG AA)
                                          → remplissage des boutons portant du texte blanc */
    --color-bg: var(--background-light);   /* #FFFFFF — fond de page/surface */
    --color-fg: var(--text);               /* #333 — texte principal */
    --color-border: var(--border-ctrl);    /* #AEAEAE — bordures contrôles */
    --color-muted: #f8fafc;                /* Surface secondaire */
    --color-muted-fg: #64748b;             /* Texte secondaire */

    /* Échelle de radius (grappe §2.4) */
    --radius-sm: 0.25rem;   /* Inputs, badges */
    --radius-md: 0.5rem;    /* Boutons, dropdowns */
    --radius-lg: 0.75rem;   /* Cartes, modales */

    /* Échelle d'ombres (grappe §2.5) */
    --shadow-card: 0 1px 3px 0 rgba(0, 0, 0, 0.07), 0 1px 2px -1px rgba(0, 0, 0, 0.06);
    --shadow-elevated: 0 10px 15px -3px rgba(0, 0, 0, 0.10), 0 4px 6px -4px rgba(0, 0, 0, 0.05);

    /* === ALIAS LEGACY (rétrocompatibilité) === */
    /* Ces variables pointent vers le nouveau système */
    --primaire: var(--color-primary);
    --gpage-primary: var(--color-secondary);
    --gpage-background-primary: var(--color-primary);
    --gpage-degnoir: var(--color-primary);
    --primary-dark: var(--color-primary-dark);
    --dark: #2c3e50;
    --danger: var(--color-danger);

    /* === TEXTE === */
    --text: #333;
    --text-color: #444;
    --text-color-light: #ecf0f1;
    --gpage-white: white;

    /* === BACKGROUNDS === */
    --background-light: #FFFFFF;
    --background-dark: #333;
    --background-aside: var(--gris-clair);
    --gpage-ligne-a: rgb(253, 233, 210);

    /* === GRIS === */
    --gris-clair: rgba(0, 0, 0, .03);
    --gris-leger: #D9DADB;

    /* === BORDURES === */
    --border: 1px solid #eee;
    --border-ctrl: #AEAEAE;
    --border-color: #aeaeae;

    /* === EFFETS === */
    --box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px,
                  rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    --backshadow: 0rem 0.5rem 1rem #333B66;
    --bouton-shadow: 0rem 0rem 0.5rem #aaa;
    --button-hover: #e4e7eb;

    /* === DIMENSIONS === */
    --gpage-degnoir-h: 1.6rem;
    --largeur-col-gauche: 250px;
    --largeur-max: 1100px;
    --largeur-menu-ra: 300px;

    /* === DASHBOARD === */
    --dashboard-gap: 1rem;          /* Espacement unifié entre les blocs */
    --dashboard-bloc-radius: 5px;   /* Arrondi des blocs */

    /* === TYPOGRAPHIE === */
    --font-family: "Open Sans", sans-serif;

    /* === LIENS === */
    --lien: #0062cc;
    --force-lecture: #497a94;

    /* === MIGRATION HEX EN DUR — journees.css / _admin.css (2026-09-07) ===
       Valeurs reprises TELLES QUELLES depuis le CSS existant, aucun changement
       de rendu. Voir audit_colonnes_admin.md pour l'équivalent côté BDD ;
       le chantier couleurs est décrit dans le rappel "gestion de charte". */
    --gris-fonce: #666;         /* déjà référencée en fallback : _form.css var(--gris-fonce, #666) */
    --gris-desc: #555;
    --noir-badge: #0A0A0A;      /* texte sur badges colorés (paiement, inscription) */
    --blanc-casse: #fdfdfd;
    --gris-tres-pale: #f8f8f8;
    --gris-tres-clair: #eee;
    --gris-dadada: #dadada;
    --gris-bordure-claire: #ddd;
    --gris-ombre: #4D4D4D;
    --marron-fonce: #302f19;
    --vert-export: #1d6f42;     /* bouton "Exporter" (journees.css), distinct de --color-primary */
    --vert-google: #0F9D58;     /* .inscr_indiv de journees.css — diverge de --ind-color (#008000),
                                    même classe sémantique : DIVERGENCE PRÉ-EXISTANTE, pas corrigée ici */
    --rouge-paiement-attente: #F83C3CFF;
    --jaune-poster: #fffce0;
    --bleu-bootstrap: #0b5ed7;
    --gris-tuile-bordure: #ececec;
    --bleu-actif: #2980b9;
    --gris-badge: #e8e8e8;
    --rouge-erreur-fonce: #c0392b;
    --bleu-print-couche: #3BAAF5;
    --jaune-doublon-bg: #fff8e6;
    --brun-doublon-texte: #8a6100;
}