/* variables.css, typographie.css, styles.css, pages.css, boutons.css et les polices
   sont charges directement dans App.razor (en parallele) plutot que par @import. */

body, html {
    background-color: var(--couleur-de-fond);
}

/* FocusOnNavigate place le focus sur le h1 a chaque navigation : pas de cadre dessus */
h1:focus {
    outline: none;
}

/* Focus clavier visible sur tous les liens et boutons (les composants bento et navbar
   definissent leur propre style de focus, plus specifique). */
a:focus-visible,
button:focus-visible {
    outline: 3px solid var(--couleur-texte);
    outline-offset: 3px;
}