/* ========== RESET MINIMAL ========== */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html,
body {
    height: 100%;
    width: 100%;
    overflow: hidden;
}

button {
    font-family: inherit;
    border: none;
    background: none;
    cursor: pointer;
}

a {
    text-decoration: none;
    color: inherit;
}

ul,
ol {
    list-style: none;
}

input,
textarea,
select {
    font-family: inherit;
}

:focus:not(:focus-visible) {
    outline: none;
}

/* Anneau de focus clavier visible et cohérent sur tous les éléments interactifs.
   Couvre les cas où une règle composant a posé outline:none sans alternative. */
:focus-visible {
    outline: 2px solid var(--color-primary);
    outline-offset: 2px;
    border-radius: var(--radius-sm);
}