/**
 * @file
 * Les boutons des widgets du réseau, dans la barre d'outils de CKEditor 5.
 *
 * La teinte se règle ici et non dans les SVG : les dessins sont écrits en
 * « currentColor », cette feuille leur donne la couleur de la charte. Une
 * variable suffit donc à changer les deux icônes — et un thème qui aurait sa
 * propre charte n'a que cette ligne à redéfinir.
 */

.ck.ck-button.fr-wysiwyg-bouton {
  /* $fr-bleu-fond, le bleu dominant de la charte Familles Rurales. Pour un
     bleu plus franc dans la barre, remplacer par $fr-cyan (#4EA2BC). */
  --fr-wysiwyg-bouton-couleur: #113f56;

  color: var(--fr-wysiwyg-bouton-couleur);
}

/* CKEditor grise ses boutons désactivés par l'opacité : la couleur suit sans
   qu'on ait à la traiter à part. Au survol et à l'état actif, en revanche, il
   pose son propre fond — on garde alors l'icône lisible. */
.ck.ck-button.fr-wysiwyg-bouton:hover:not(.ck-disabled),
.ck.ck-button.fr-wysiwyg-bouton.ck-on {
  color: var(--fr-wysiwyg-bouton-couleur);
}