/* ========================================
   OrIAntation - Accessibilite de l'application
   6 septembre 2026
   Voir /guides/accessibilite.html

   Perimetre volontairement etroit : le focus clavier, et le contraste des
   aplats cyan qui portent du texte blanc SANS etre des boutons.

   Les BOUTONS ne sont pas traites ici. L'application les repeint en verre
   translucide depuis un bloc <style> de index.html (`button.bg-cyan-600`,
   `.bg-gradient-to-r.from-cyan-500`, etc.), en `!important` : leur contraste
   se corrige a cet endroit-la, pas ici. Toute regle de bouton ecrite dans ce
   fichier serait morte sans qu'on le voie.
   ======================================== */

/* ----------------------------------------
   1. Focus visible
   Aucune regle de focus n'existait : on s'en remettait au contour par
   defaut du navigateur, invisible sur nos fonds clairs. :focus-visible ne
   se declenche qu'au clavier ; la souris ne voit aucun changement.
   ---------------------------------------- */

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible,
summary:focus-visible,
[role="button"]:focus-visible,
[tabindex]:focus-visible {
    outline: 3px solid #0e7490;
    outline-offset: 2px;
    border-radius: 0.25rem;
}

/* Repli pour les navigateurs sans :focus-visible : un contour vaut mieux
   que rien. */
@supports not selector(:focus-visible) {
    a:focus,
    button:focus,
    input:focus,
    select:focus,
    textarea:focus,
    [tabindex]:focus {
        outline: 3px solid #0e7490;
        outline-offset: 2px;
    }
}

/* ----------------------------------------
   2. Contraste des aplats cyan a texte blanc
   Mesures WCAG du 6 septembre 2026, texte blanc :
     cyan-500 #06b6d4 = 2,43:1  -> insuffisant
     cyan-600 #0891b2 = 3,68:1  -> insuffisant (seuil : 4,5:1)
     cyan-700 #0e7490 = 5,36:1  -> conforme
     cyan-800 #155e75 = 7,27:1  -> conforme

   Le selecteur combine DEUX classes (0,2,0) la ou Tailwind n'en pose qu'une
   (0,1,0) : il ne mord que sur la paire fond + texte blanc, et laisse
   tranquille la meme couleur employee sans texte (barres de progression) ou
   avec du texte fonce.
   ---------------------------------------- */

.bg-cyan-500.text-white,
.bg-cyan-600.text-white {
    background-color: #0e7490;
}

.bg-cyan-500.text-white:hover,
.bg-cyan-600.text-white:hover {
    background-color: #155e75;
}