/* LA CHARTE DU SITE — l.75 (Ben 25/09 12h0x : « les couleurs ne sont pas les mêmes selon les pages ; organiser tout cela comme un vrai site »)
   CDC E5 (une palette : la sombre de la carte · une police · une taille de titre · UN composant fenêtre) + CDC v0.2 (deux écritures).
   Ce fichier est lu à CHAQUE requête de /carte/carte.css et servi à toutes les pages : changer la charte = éditer ce fichier, sans restart.
   Une couleur de page doit être un de ces jetons (banc : _JOKER/verifier_charte.js).
   JAMAIS de @view-transition ici (l.81, A12) : /audio/ charge ce fichier, et une transition de page y couperait le son sans le dire —
   les transitions vivent dans l'injection de carte_vivante (_TRANSITIONS), pages ordinaires seulement. ✍️ joker2 */
:root{
  /* la palette — la sombre de la carte (jetons du 16/09, inchangés) */
  --fond:#05060c; --carte:#0d1117; --carte2:#161b22; --trait:#30363d;
  --texte:#c9d1d9; --texte-fort:#e6edf3; --sourd:#8b949e;
  --espace:#79c0ff; --ben:#e0a24a;
  --vert:#3fb950; --jaune:#d29922; --rouge:#f85149; --violet:#a371f7;
  --auto:#8b949e; --agents:#7ee787; --sessions:#d2a8ff;
  /* la barre du haut (une seule, sur toutes les pages) : l'or de la marque « Nirmal Phénix » et l'état « choisi » (FR|EN, l'entrée où l'on est) */
  --marque:#ffc879; --choisi:#173553;
  /* 26/09 l.80 (E32) — les variantes des MÊMES jetons, pour les pages qui les écrivaient en dur (lot 15) : un fond et un trait par couleur d'état,
     le gris discret, le bleu doux, les boutons pleins et le texte posé dessus. Valeur sombre = la couleur d'avant, à l'identique. */
  --vert-fond:#12271a; --vert-trait:#1f4a30; --rouge-fond:#2a1416; --rouge-trait:#5a2327; --jaune-fond:#241d10; --jaune-trait:#5a4715;
  --discret:#6e7681; --espace-doux:#a5d6ff; --vert-plein:#238636; --espace-plein:#1f6feb; --sur-plein:#ffffff;
  /* le texte posé SUR un fond teinté ou un bouton doré (lot 18) — valeur sombre = la couleur d'avant */
  --vert-sur-fond:#7ee2a8; --jaune-sur-fond:#e3c07a; --rouge-sur-fond:#e3a08a; --sur-ben:#000000;
  /* 27/09 l.84 (E5 lot 3) — les couleurs qui revenaient en dur sur plusieurs pages, nommées à leur valeur d'avant (0 pixel ne bouge) :
     la surface relevée (boutons, séparateurs : le pas entre --carte2 et --trait) et l'orange des pages du corps vivant (simple, zoom, 3d).
     Les fondre dans --carte2 / --ben / --marque est un choix d'œil, pas un fait : ouvert au Gardien. */
  --carte3:#21262d; --phenix:#ff6600; --phenix-doux:#f39c12; --phenix-trait:#e67e22;
  /* les deux écritures (CDC v0.2) : Sa parole et le corps → le livre ; les lois du Phénix → le terminal */
  --ecrit-texte: system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ecrit-parole: "Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --ecrit-loi: ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;
  /* une taille de titre, une taille de texte */
  --taille-titre:22px; --taille-texte:16px; --taille-note:13px;
  /* LA fenêtre */
  --fen-fond:var(--carte); --fen-bord:var(--trait); --fen-rayon:14px; --fen-haut:55vh;
}
/* Sa parole : l'écriture du livre */
.np-parole{font-family:var(--ecrit-parole);font-size:1.08em;line-height:1.55;color:var(--texte-fort)}
/* une loi du Phénix : une ligne de terminal, rare et juste */
.np-loi{font:13px/1.5 var(--ecrit-loi);color:var(--vert);background:var(--fond);border:1px solid var(--trait);border-radius:6px;padding:2px 8px;display:inline-block}
.np-loi::before{content:"⦿ ";color:var(--sourd)}
/* LA fenêtre — une seule, même place, même fermeture : la feuille du bas de la 3D (#frac) en est le modèle */
.np-fenetre{position:fixed;left:0;right:0;bottom:0;z-index:1000;max-height:var(--fen-haut);overflow:auto;box-sizing:border-box;
  background:var(--fen-fond);color:var(--texte);border-top:1px solid var(--fen-bord);border-radius:var(--fen-rayon) var(--fen-rayon) 0 0;
  padding:12px 14px 18px;font:14px/1.45 var(--ecrit-texte);box-shadow:0 -8px 24px rgba(0,0,0,.5)}
.np-fenetre h3{margin:2px 0 4px;font-size:18px;color:var(--texte-fort)}
.np-fenetre .np-fermer,.np-fenetre .fermer{position:absolute;top:8px;right:10px;min-height:36px;padding:4px 10px;background:var(--carte2);color:var(--texte);border:1px solid var(--trait);border-radius:8px;font:inherit;cursor:pointer}

/* 23/09 02h2x (joker2) — UNE SEULE REGLE POUR TOUTE LA CARTE : un <details> FERME ne rend pas son contenu.
   Pourquoi ici et pas page par page : le meme defaut a ete trouve TROIS fois en une nuit, sur trois pages
   differentes, chaque fois parce qu'un `display:flex|grid|block` etait pose sur l'enfant direct d'un
   <details> — ce qui force le rendu d'un repli ferme, et le contenu se met en page HORS de sa boite.
     /carte/anatomy      60 commandes sur 66 hors de l'ecran (corrige 22/09 19h58)
     /carte/organigramme 9 commandes recevant le clic d'une autre, 944 boites rendues (corrige 23/09 01h57)
     /carte/menu         42 enfants qui debordent · /carte/projets 1
   C'est le comportement NATIF du navigateur : on le remet, au lieu de le rattraper page par page.
   `!important` est ici justifie et rare : une regle de PAGE plus specifique gagnait encore
   (`.ret .corps` = 0,2,0 contre 0,1,2 pour la mienne, mesure sur /carte/projets). On ne surcharge pas
   un style, on RESTAURE un invariant du navigateur : aucune page n'a de raison d'afficher le contenu
   d'un repli ferme. Une page qui en a besoin ouvre son <details>. */
details:not([open]) > *:not(summary){display:none!important}

