/* ============================================================================
   BH-TOKENS — source unique des jetons de marque
   ============================================================================
   Ce fichier remplace quatre declarations concurrentes :

     bh-theme-v3.css   :root { --jade, --jade-light, ... }
     bh-core.css       :root { --bh-vert, --bh-encre, ... }   ← supprime
     bh-brand.css      :root { --vert-*, --bh-*, ... }        ← supprime
     style.css         :root { --primary-color, ... }         (pont ci-dessous)

   Une seule valeur par jeton, un seul endroit ou la changer.

   ORDRE DE CHARGEMENT — juste apres bh-theme-v3.css, avant tout le reste.
   Un fichier de jetons doit charger tot : il ne contient aucune regle de
   composant, donc rien ne peut le « surcharger par erreur ».

   ── CE QUI A ETE ARBITRE ────────────────────────────────────────────────
   Deux jetons portaient deux valeurs differentes. bh-core.css chargeant en
   dernier, c'est LUI qui gagnait : ce sont donc ses valeurs qui sont a
   l'ecran aujourd'hui, et qui sont reprises ici pour ne rien changer.

   Mais ce n'etaient pas les valeurs voulues par la palette « Maison Vert » :

     --bh-vert-fonce   #125A45 (affiche)  vs  #0A2C22 (voulu, --vert-900)
     --bh-encre        var(--bh-encre) (affiche)  vs  #20221F (voulu, encre chaude)

   Le premier est un vert moyen la ou la palette prevoyait un vert bouteille
   profond pour les etats presses. Le second est un bleu-noir froid la ou la
   palette prevoyait un brun-noir chaud, accorde au creme et au vert.

   Pour adopter les valeurs voulues, decommentez le bloc « INTENTION » plus
   bas. C'est un changement visible, volontaire, et reversible d'une ligne.

   → ARBITRAGE RENDU : la palette l'emporte. Les valeurs #0A2C22 et #20221F
     sont celles declarees ci-dessous, et --bh-ombre a suivi (son alpha derive
     desormais de l'encre chaude : une ombre froide sur un fond creme grise au
     lieu de reposer). C'est le seul changement visible du lot 2, et il touche
     tout le texte du produit ainsi que tous les etats presses.
     Pour revenir en arriere, remettre les trois valeurs litterales.
   ============================================================================ */

:root {
  /* ── Vert : une seule echelle, derivee du logo ────────────────────────
     Avant, le site melangeait une quinzaine de verts sans rapport (jade
     #1A7A5E, emerald #10B981, green #16A34A et leurs variantes rgba).
     Tout descend maintenant de #0E3B2E. */
  --vert-900: #0A2C22;   /* survol, etat presse */
  --vert-800: #0E3B2E;   /* MARQUE et action principale */
  --vert-600: #1E6E52;   /* accent, survol clair, mode sombre */
  --vert-400: #4FA184;   /* sur fond sombre */
  --vert-300: #8FC7AF;   /* traces et courbes sur fond sombre */
  --vert-200: #A8CDBE;   /* filets, bordures */
  --vert-100: #E4EDE8;   /* fonds doux */
  --vert-050: #F1F6F3;   /* fonds tres doux */

  /* ── Neutres chauds ─────────────────────────────────────────────────── */
  --bh-fond:    #FBFBFA;   /* fond de page */
  --bh-panneau: #FFFFFF;   /* cartes, panneaux */
  --bh-cote:    #F7F7F5;   /* colonne laterale, en-tetes de tableau */
  --bh-creme:   #F4F1E9;
  --bh-ivoire:  #F2EADA;
  --bh-filet:   rgba(242,234,218,.45);

  /* ── Texte ──────────────────────────────────────────────────────────── */
  --bh-encre: #20221F;   /* brun-noir chaud, accorde au creme et au vert */
  --bh-t2:    #5A5A54;   /* secondaire */
  --bh-t3:    #6A6A64;   /* tertiaire, legendes */
  --bh-t4:    #878782;   /* desactive */

  /* ── Filets ─────────────────────────────────────────────────────────── */
  --bh-ligne:   #EAE9E5;
  --bh-ligne-2: #F1F0EC;

  /* ── Accents ────────────────────────────────────────────────────────── */
  --bh-or:            #916018;
  --bh-violet:        #7C3AED;
  --bh-violet-fonce:  #5B21B6;
  --bh-guest:         #B4470F;   /* sous-marque BHGuest : terracotta */
  --bh-guest-doux:    #F7EDE6;

  /* ── Alias de marque ────────────────────────────────────────────────── */
  --bh-vert:        var(--vert-800);
  --bh-vert-fonce:  var(--vert-900);   /* vert bouteille : etats presses */
  --bh-vert-clair:  #2A9474;
  --bh-vert-pale:   #EAF3EF;

  --bh-action:        var(--vert-800);
  --bh-action-survol: var(--vert-900);
  --bh-action-doux:   var(--vert-100);
  --bh-action-filet:  rgba(14,59,46,.24);

  /* ── Formes et ombres ───────────────────────────────────────────────── */
  --bh-radius:   14px;
  --bh-radius-s: 10px;
  --bh-ombre:    0 2px 10px rgba(32,34,31,.07);   /* alpha derive de l'encre chaude */

  /* ── Typographie ────────────────────────────────────────────────────── */
  --bh-serif: 'Instrument Serif', Georgia, serif;
  --bh-sans:  'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Ponts vers les nommages historiques ────────────────────────────
     style.css et bh-theme-v3.css continuent d'utiliser ces noms. Les
     redefinir ici evite d'avoir a reecrire 81 Ko de feuille : les deux
     familles pointent desormais sur la meme echelle de vert. */
  --primary-color: var(--vert-800);
  --primary-hover: var(--bh-vert-fonce);
  --primary-dark:  var(--vert-900);
  --jade:          var(--vert-800);
  --jade-light:    var(--vert-600);

  /* bh-theme-v3.css declare son propre noir de texte, --text-1 / --obsidian,
     a l'ancienne valeur froide var(--bh-encre). Sans ce pont, le produit afficherait
     DEUX noirs : brun-noir chaud partout ou --bh-encre est utilise, bleu-noir
     froid partout ou --text-1 l'est. Les deux pointent donc sur l'encre.
     (bh-tokens.css charge apres bh-theme-v3.css : cette valeur gagne.) */
  --text-1:   var(--bh-encre);
  --obsidian: var(--bh-encre);
}

/* ============================================================================
   MODE SOMBRE — valeurs des jetons  (lot 6a)
   ============================================================================
   Ce bloc ne s'active que si <html> porte data-theme="dark". Les 49 pages
   ecrivent aujourd'hui data-theme="light" en dur : il est donc INERTE et ne
   change rien a l'ecran. C'est voulu.

   POURQUOI LE BOUTON DE THEME RESTE MASQUE
   bh-core.css masque .bh-theme-toggle avec ce commentaire : « la couverture
   est incomplete ». La mesure lui donne raison :

     style.css        205 regles,  0 sombre   (28 pages en dependent)
     bh-theme-v3.css  320 regles, 39 sombres  (12 %)
     bh-core.css       58 regles,  0 sombre
     bh-lux.css        42 regles,  7 sombres  (2 pages seulement)

   S'y ajoutent 829 Ko de CSS ecrits dans les pages elles-memes.
   Rendre le bouton visible aujourd'hui donnerait un theme a moitie sombre :
   des blocs blancs eblouissants au milieu, du texte fonce sur fond fonce.
   Le masquage n'est pas un oubli, c'est la bonne decision — jusqu'a ce que la
   couverture soit faite.

   A QUOI SERT CE BLOC ALORS
   Il pose le socle. Tout ce qui passe deja par un jeton — la moitie des
   couleurs des feuilles — suivra le theme sans une ligne de plus. Le travail
   restant se mesure avec outils/lot6-audit-sombre.js et se fait par etapes
   verifiables, au lieu d'un grand basculement risque.

   POUR ESSAYER : dans la console du navigateur,
       document.documentElement.dataset.theme = 'dark'
   Vous verrez exactement ce qui suit le theme et ce qui ne le suit pas.

   ── LES CHOIX DE VALEUR ──────────────────────────────────────────────────
   Un vert-noir profond plutot qu'un gris neutre : la marque est chaude, un
   sombre neutre la ferait paraitre eteinte. Le vert et l'or sont ECLAIRCIS,
   parce qu'une couleur juste sur du creme devient illisible sur du sombre —
   c'est l'erreur la plus courante d'un mode sombre pose trop vite.
   ============================================================================ */

html[data-theme="dark"] {
  color-scheme: dark;

  /* Echelle de vert inversee : les crans clairs deviennent les crans utiles,
     les fonces servent aux fonds. */
  --vert-900: #7FBBA3;   /* etats presses : le plus clair sur fond sombre */
  --vert-800: #4FA184;   /* MARQUE et action principale */
  --vert-600: #3FA79A;
  --vert-400: #2A6B57;
  --vert-300: #1E5544;
  --vert-200: #1A473A;
  --vert-100: #16342B;   /* fonds doux */
  --vert-050: #12261F;

  /* Neutres : vert-noir, jamais gris */
  --bh-fond:    #0F1A17;
  --bh-panneau: #16221F;
  --bh-cote:    #131E1B;
  --bh-creme:   #1A2622;
  --bh-ivoire:  #1E2B26;
  --bh-filet:   rgba(232,239,236,.06);

  /* Texte : jamais du blanc pur, qui vibre sur fond sombre */
  --bh-encre: #E8EFEC;
  --bh-t2:    #A8B8B2;
  --bh-t3:    #7E8F89;
  --bh-t4:    #5A6B65;

  --bh-ligne:   #26403B;
  --bh-ligne-2: #1E332F;

  /* Accents eclaircis pour rester lisibles */
  --bh-or:           #E0A94A;
  --bh-violet:       #A78BFA;
  --bh-violet-fonce: #8B6CF0;
  --bh-guest:        #E8823C;
  --bh-guest-doux:   #2A1F18;

  --bh-vert:        var(--vert-800);
  --bh-vert-fonce:  var(--vert-900);
  --bh-vert-clair:  #6FB89C;
  --bh-vert-pale:   var(--vert-100);

  --bh-action:        var(--vert-800);
  --bh-action-survol: var(--vert-900);
  --bh-action-doux:   var(--vert-100);
  --bh-action-filet:  rgba(79,161,132,.32);

  /* Une ombre portee ne se voit pas sur du sombre : on l'assombrit et on
     l'etale, sinon les cartes paraissent collees au fond. */
  --bh-ombre: 0 2px 14px rgba(0,0,0,.45);

  /* Les ponts suivent automatiquement, puisqu'ils pointent sur l'echelle. */
  --text-1:   var(--bh-encre);
  --obsidian: var(--bh-encre);
}

/* Suivi du reglage systeme, uniquement si la page n'impose pas de theme.
   Aujourd'hui les 49 pages ecrivent data-theme="light" : cette regle est donc
   inerte elle aussi. Elle servira le jour ou l'attribut sera retire. */
@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    color-scheme: dark;
    --bh-fond:    #0F1A17;
    --bh-panneau: #16221F;
    --bh-cote:    #131E1B;
    --bh-encre:   #E8EFEC;
    --bh-t2:      #A8B8B2;
    --bh-t3:      #7E8F89;
    --bh-ligne:   #26403B;
    --bh-ligne-2: #1E332F;
    --vert-800:   #4FA184;
    --vert-900:   #7FBBA3;
    --vert-100:   #16342B;
    --text-1:     var(--bh-encre);
    --obsidian:   var(--bh-encre);
  }
}