/* core/focus.css

   Focus clavier visible partout. Chargé en dernier exprès : il doit l'emporter sur le style de chaque composant.

   Chargé par index.html, dans l'ordre de css/README.md. Ne pas changer cet
   ordre sans relire la section « Ordre de chargement ». */

/* ---------- focus visible partout ---------- */

/* .field input/select/textarea, .qpane textarea (correction), .text-answer
   (réponse longue en examen) : leur composant enlève l'outline au focus et
   ne laisse qu'un changement de couleur de bordure de 1px, même schéma
   répété à trois endroits. Insuffisant au clavier ; ces sélecteurs
   rétablissent l'anneau, comme partout ailleurs. Ce fichier est chargé en
   dernier, donc il l'emporte. */
.site-nav button:focus-visible,
.side-nav button:focus-visible,
.menu-toggle:focus-visible,
.sidebar-toggle:focus-visible,
.icon-btn:focus-visible,
.profile-btn:focus-visible,
.menu-item:focus-visible,
.segmented button:focus-visible,
.search input:focus-visible,
.score input:focus-visible,
.btn:focus-visible,
.btn-quiet:focus-visible,
.expected summary:focus-visible,
.field input:focus-visible,
.field select:focus-visible,
.field textarea:focus-visible,
.qpane textarea:focus-visible,
.text-answer:focus-visible {
  outline: 2px solid var(--primary);
  outline-offset: 2px;
}