/* =============================================================================
   Tigre Bois — css/icones.css
   Habillage du jeu d'icônes rendu par js/icones.js (Phosphor, graisse regular).

   L'icône fait 1 em de côté et prend la couleur du texte. Toutes les règles
   `font-size` écrites du temps des emoji continuent donc de la dimensionner
   sans la moindre retouche — c'est ce qui rend la bascule indolore.
   ============================================================================= */

.tb-icone {
  display: block;
  width: 1em;
  height: 1em;
  flex: 0 0 auto;
  fill: currentColor;
  /* Les tracés Phosphor remplissent leur grille de 256 : sans ce léger
     ajustement optique, l'icône paraît plus lourde que le texte à côté. */
  overflow: visible;
}

/* Un emoji porte sa couleur ; une icône prend celle qu'on lui donne. Les
   récompenses posent déjà leur teinte en variable : on la reprend ici, ce qui
   fait enfin d'une casquette verte une casquette verte. */
.tb-recompense__icone {
  color: var(--tb-recompense-teinte, var(--tb-recompense-couleur, var(--tb-or)));
}

/* Sur le Règlement, ces cartes sont posées sur un aplat vert profond : la
   teinte brute de la récompense (le vert de la casquette, notamment) y serait
   illisible. On la tire vers la crème en gardant son identité chromatique —
   la casquette reste verte, mais d'un vert qui se voit. */
body[data-page='reglement'] .tb-recompense__icone {
  color: color-mix(in srgb,
    var(--tb-recompense-teinte, var(--tb-recompense-couleur, var(--tb-or))) 42%,
    var(--tb-creme));
}

.tb-distinctions__chip-icone,
.tb-fiche__podium-emoji,
.tb-recompenses__note-icone { color: currentColor; }

/* Les emblèmes de l'accueil restent dans les couleurs de la marque. */
.tb-chiffre__couronne,
.tb-champion__couronne { color: var(--tb-or); }

.tb-annonce__embleme { color: var(--tb-orange); }

.tb-attente__icone { color: var(--tb-vert-clair); }

.tb-carte-tournoi__avatar--coupe { color: var(--tb-or); }

.tb-sceau-champion__icone { color: var(--tb-or); }

/* Encart de récompense sur la fiche d'un tournoi : la teinte vient de la
   récompense elle-même (casquette verte en vert, coupe en or). */
.tb-prix__icone { color: var(--tb-vert); }
.tb-prix--coupe .tb-prix__icone { color: var(--tb-or); }