/* =========================================================================
   chalets-tokens.css — SOURCE DE VÉRITÉ des couleurs et polices du volet chalet.

   À charger EN PREMIER, avant tout autre CSS chalet :
       chalets-tokens.css
       puis chalets-public.css / chalets-recherche.css / chalets-accueil.css / membre.css

   Ces fichiers ne déclarent plus aucune variable : ils ne font que consommer
   celles définies ici. Changer le thème = éditer ce seul fichier.
   ========================================================================= */

:root {

    /* ---------------------------------------------------------------
       COULEURS
       --------------------------------------------------------------- */

    /* Palette 1 — Vert Forêt (alternative, décommenter pour l'activer
       et commenter la palette 2 ci-dessous)
    --ch-action:        #2E7D53;
    --ch-action-hover:  #1F5C3C;
    --ch-action-ring:   rgba(46,125,83,.18);
    --ch-action-soft:   #e7f1ea;
    --ch-link:          #095fc2;
    --ch-bg-page:       #f9f9f8;
    */

    /* Palette 2 — Sarcelle Lac */
    /*
    --ch-action:        #2287aa;
    --ch-action-hover:  #165e77;
    --ch-action-ring:   rgba(46,125,83,.18);
    --ch-action-soft:   #E4F1F1;
    --ch-action-alternate: #0a0a0a;
    --ch-action-alternate-hover: #6a6a6a;
    --ch-link:          #0B4E55;
    --ch-bg-page:       #f9f9f8;
    */

    /* Palette 3 — Bleu nuit */
    --ch-action:        #1E3A5F;               /* boutons d'action & accents */
    --ch-action-hover:  #14283F;              /* survol des boutons d'action */
    --ch-action-ring:   rgba(46,125,83,.18);  /* halo de focus */
    --ch-action-soft:   #EAEEF4;              /* survol / surbrillance */
    --ch-action-alternate: #1E3A5F;
    --ch-action-alternate-hover: #14283F;
    --ch-link:          #1E3A5F;              /* liens texte */
    --ch-bg-page:       #f9f9f8;              /* fond */

    /* Palette 3 — Cacao & crème (active) */
    /*
    --ch-action:        #4A3328;
    --ch-action-hover:  #33231B;
    --ch-action-ring:   rgba(46,125,83,.18);
    --ch-action-soft:   #EAEEF4;
    --ch-action-alternate: #4A3328;
    --ch-action-alternate-hover: #33231B;
    --ch-link:          #33231B;
    --ch-bg-page:       #F7F1E8;
    */

    /* ---------------------------------------------------------------
       POLICES
       Changer une valeur ici NE SUFFIT PAS : il faut aussi ajuster le
       <link> Google Fonts des pages qui chargent la police.
       --------------------------------------------------------------- */
/*    --ch-font-titre: "Raleway", sans-serif; */             /* titres, accroches */
/*    --ch-font-texte: "Open Sans", Arial, sans-serif;     /* texte courant (police du site) */
    --ch-font-titre: "Plus Jakarta Sans", sans-serif;              /* titres, accroches */
    --ch-font-texte: "Plus Jakarta Sans", sans-serif;     /* texte courant (police du site) */

/*    --ch-font-titre: "Bricolage Grotesque", sans-serif;              /* titres, accroches */
/*    --ch-font-texte: "Public Sans", sans-serif;     /* texte courant (police du site) */

    /* ---------------------------------------------------------------
       TUNNEL MEMBRE (membre.css, section 8 — ex chalets-membre.css)
       Noms historiques --wz-* conservés pour ne pas réécrire ses règles.
       Ceux qui doublonnaient avec les jetons ci-dessus pointent dessus :
       une seule valeur à changer pour toute l'interface.
       --------------------------------------------------------------- */
    --wz-accent:        var(--ch-action);        /* étapes du wizard & cartes sélectionnées */
    --wz-accent-hover:  var(--ch-action-hover);  /* survol des boutons pleins */
    --wz-action:        var(--ch-action);        /* bouton « valider » */
    --wz-font-titre:    var(--ch-font-titre);
    --wz-font-texte:    var(--ch-font-texte);

    /* Propres au tunnel (pas d'équivalent public) */
    --wz-action-focus:  #80bdff;              /* bordure des champs au focus */
    --wz-action-ring:   rgba(0,123,255,.25);  /* halo de focus */
    --wz-next:          #5BC582;              /* bouton « suivant » */
    --wz-save:          #2e945a;              /* indicateur de sauvegarde auto */

    /* Feedback : succès / erreur (fond · texte · bordure) */
    --wz-ok-bg:  #e6f5ec;  --wz-ok-fg:  #1e7a45;  --wz-ok-bd:  #bfe3cd;
    --wz-err-bg: #fdecea;  --wz-err-fg: #c0392b;  --wz-err-bd: #f5c6cb;
    --wz-danger: #dc3545;                     /* erreur de validation d'un champ */

    /* Neutres */
    --wz-text:        #222;                   /* texte principal */
    --wz-muted:       #888;                   /* texte secondaire */
    --wz-placeholder: #9aa0a6;                /* placeholder & libellé d'étape inactive */
    --wz-border:      #ccc;                   /* bordure des champs */
}

/* =========================================================================
   Police de base du volet chalet.

   main.css (charge en premier, site entier) impose :
       body { font-family: "Open Sans", sans-serif; }   -> specificite (0,0,1)

   On l'ecrase avec `body.chalet` -> specificite (0,1,1), et ce fichier est
   charge APRES main.css : la regle gagne sans avoir besoin de !important.

   La classe `chalet` est posee sur le <body> des pages du volet chalet
   uniquement : le reste du site conserve sa police.

   Volontairement PAS de selecteur universel (`body.chalet *`) : il ecraserait
   la font-family des icones Font Awesome et des titres. L'heritage suffit.
   ========================================================================= */
body.chalet { font-family: var(--ch-font-texte); }