/* Le bouton des outils (`.pl-btn`) : le bouton secondaire des six pages d'outils du site — Plan de bataille, Arbre,
   Craft, Recycleur, Électricité, Génétique. Petit, encadré, le fond creusé des rangées ; l'action principale d'un
   panneau porte `.is-honey`.
     <button type="button" class="pl-btn">Nouveau</button>
     <button type="button" class="pl-btn is-honey">Calculer</button>
   Il vivait dans `plan-prototype.css`, la feuille du Plan, et lisait des jetons `--pl-*` posés sur trois racines
   seulement (`.rd-plan-view`, `.tt`, `.ck`) : sur Électricité, qui n'en porte aucune, le cadre et le fond étaient
   jetés en silence et le bouton n'était plus que son texte (corrigé le 24 oct. 2026). Il lit maintenant le thème.

   Ses sortes : `.is-honey` l'action principale, `.is-outline` et `.is-ghost` sans fond, `.is-danger` pour défaire,
   `.is-wide` toute la largeur, `.is-small` dans une ligne serrée, `.is-add` aligné à gauche, `.is-head` dans
   l'en-tête d'un cadre (il s'allume en `.is-on`). Une page règle la taille d'un bouton précis chez elle. */
.pl-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 7px 12px;
  border: 1px solid rgba(var(--gold-rgb), 0.45);
  background: var(--row-gradient);
  color: var(--cream);
  font: 500 0.88rem "Roboto Condensed", sans-serif;
  cursor: pointer;
}
.pl-btn:hover,
.pl-btn:focus-visible {
  border-color: var(--gold);
  outline: none;
}
/* L'action principale : miel plein, son texte et son icône en sombre */
.pl-btn.is-honey {
  border-color: var(--gold);
  background: var(--gold);
  color: var(--honey-ink);
}
.pl-btn.is-honey i {
  color: var(--honey-ink);
}
.pl-btn.is-ghost,
.pl-btn.is-outline {
  background: transparent;
}
.pl-btn.is-outline {
  border-color: rgba(var(--gold-rgb), 0.7);
  color: var(--value-strong);
}
.pl-btn.is-danger {
  border-color: rgba(226, 86, 60, 0.75);
  background: transparent;
  color: #f08a70;
}
.pl-btn.is-wide {
  width: 100%;
}
.pl-btn.is-small {
  margin-left: auto;
  padding: 4px 10px;
  font-size: 0.8rem;
  letter-spacing: 0;
  text-transform: none;
}
.pl-btn.is-add {
  justify-self: start;
}
.pl-btn:disabled {
  opacity: 0.45;
  cursor: default;
}