/* ---------------------------------------------------------------------------
   ECLAI CARNAVAL 2026 — charte graphique
   ---------------------------------------------------------------------------
   Couleurs relevées sur les supports officiels de la Branche Éclaireur (ASCCI) :
   écusson du camp, planche « Nos différents villages », fiches de village et
   kits foulards.

   Modifier ce seul fichier suffit à repeindre tout le site.
   --------------------------------------------------------------------------- */

:root {
    /* --- Vert ASCCI, couleur dominante -------------------------------- */
    --c-primaire:        #1E8E52;
    --c-primaire-fonce:  #14663A;
    --c-primaire-sombre: #0E4A2B;
    --c-primaire-clair:  #38B06E;
    --c-vert-vif:        #5BC97F;   /* fin des dégradés de titre           */

    /* --- Or de l'écusson, boutons d'action ---------------------------- */
    --c-accent:          #F0B429;
    --c-accent-fonce:    #CE9412;
    --c-accent-clair:    #F8D06B;

    /* --- Paysage de l'écusson ------------------------------------------ */
    --c-ciel:            #CFE9E6;
    --c-ciel-clair:      #EAF6F3;
    --c-tente:           #F5A24B;

    /* --- Couleurs des quatre villages ---------------------------------- */
    --c-village-ferme:      #7A4A1E;   /* marron  */
    --c-village-monastere:  #FFFFFF;   /* blanche */
    --c-village-usine:      #1E2A78;   /* bleu    */
    --c-village-atelier:    #F2DD00;   /* jaune   */

    /* --- Neutres ------------------------------------------------------- */
    --c-texte:           #16241D;
    --c-texte-doux:      #55635C;
    --c-texte-inverse:   #FFFFFF;
    --c-fond:            #FFFFFF;
    --c-fond-doux:       #F2F7F4;
    --c-fond-sombre:     #0E2C1E;
    --c-bordure:         #DDE7E1;
    --c-bordure-forte:   #BCCDC3;

    /* --- États --------------------------------------------------------- */
    --c-succes:          #1E7A4D;
    --c-succes-fond:     #E6F4EC;
    --c-erreur:          #B3261E;
    --c-erreur-fond:     #FCEBEA;
    --c-info:            #1E2A78;
    --c-info-fond:       #E9ECF8;
    --c-alerte:          #9A6B00;
    --c-alerte-fond:     #FDF3DC;

    /* --- Typographie --------------------------------------------------- */
    /* Les supports utilisent une grotesque géométrique très large pour les
       titres. Pile système la plus proche, sans dépendance à un CDN.      */
    --police-titre: "Segoe UI Black", "Segoe UI", Tahoma, "Trebuchet MS", Roboto, Arial, sans-serif;
    --police-texte: "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;

    --t-xs:   0.78rem;
    --t-sm:   0.88rem;
    --t-base: 1rem;
    --t-md:   1.13rem;
    --t-lg:   1.35rem;
    --t-xl:   1.7rem;
    --t-2xl:  2.2rem;
    --t-3xl:  2.9rem;

    /* --- Espacements --------------------------------------------------- */
    --e-1: 0.25rem;
    --e-2: 0.5rem;
    --e-3: 0.75rem;
    --e-4: 1rem;
    --e-5: 1.5rem;
    --e-6: 2rem;
    --e-7: 3rem;
    --e-8: 4.5rem;

    /* --- Formes -------------------------------------------------------- */
    --r-sm: 6px;
    --r-md: 12px;
    --r-lg: 20px;
    --r-pill: 999px;

    --ombre-1: 0 1px 2px rgba(14, 44, 30, 0.08);
    --ombre-2: 0 4px 16px rgba(14, 44, 30, 0.10);
    --ombre-3: 0 14px 40px rgba(14, 44, 30, 0.18);

    /* --- Mise en page --------------------------------------------------- */
    --largeur-max: 1160px;
    --largeur-texte: 68ch;

    /* --- Motif scout ---------------------------------------------------
       Semis d'icônes de camp (tente, boussole, feu, bâtons) repris du fond
       des supports officiels. Sert de texture sur les aplats verts.       */
    --motif-scout: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23ffffff' stroke-opacity='0.13' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 44h28l-14-24z'/%3E%3Cpath d='M36 20v24'/%3E%3Ccircle cx='118' cy='32' r='13'/%3E%3Cpath d='M118 24l4 8-4 8-4-8z'/%3E%3Cpath d='M18 118l26-16M18 102l26 16'/%3E%3Cpath d='M96 140c8-6 6-14 2-18 1 6-3 8-6 5-4-4 0-11 6-17-14 4-20 14-16 22 2 5 8 8 14 8z'/%3E%3Cpath d='M118 96h34M122 104h26M126 112h18'/%3E%3Cpath d='M56 72h28l-14-24z'/%3E%3Cpath d='M70 48v24'/%3E%3Ccircle cx='44' cy='160' r='11'/%3E%3Cpath d='M44 153l3 7-3 7-3-7z'/%3E%3Cpath d='M140 152l22-14M140 138l22 14'/%3E%3C/g%3E%3C/svg%3E");

    /* Même semis, tracé sombre : pour les aplats clairs (village Monastère
       en blanc, village Atelier en jaune) où le motif blanc disparaîtrait. */
    --motif-scout-sombre: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cg fill='none' stroke='%23142018' stroke-opacity='0.10' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 44h28l-14-24z'/%3E%3Cpath d='M36 20v24'/%3E%3Ccircle cx='118' cy='32' r='13'/%3E%3Cpath d='M118 24l4 8-4 8-4-8z'/%3E%3Cpath d='M18 118l26-16M18 102l26 16'/%3E%3Cpath d='M96 140c8-6 6-14 2-18 1 6-3 8-6 5-4-4 0-11 6-17-14 4-20 14-16 22 2 5 8 8 14 8z'/%3E%3Cpath d='M118 96h34M122 104h26M126 112h18'/%3E%3Cpath d='M56 72h28l-14-24z'/%3E%3Cpath d='M70 48v24'/%3E%3Ccircle cx='44' cy='160' r='11'/%3E%3Cpath d='M44 153l3 7-3 7-3-7z'/%3E%3Cpath d='M140 152l22-14M140 138l22 14'/%3E%3C/g%3E%3C/svg%3E");
}