/* ============================================================
   TALENTUM — Focus ring global (Step 3.5)
   :focus-visible uniquement → ring visible au clavier, absent au clic souris.
   ============================================================ */

/* Supprime le focus browser par défaut sur tous les éléments */
:focus {
  outline: none;
}

/* Ring gold cohérent sur tous les éléments interactifs (clavier uniquement) */
:focus-visible {
  outline: 2px solid var(--color-focus-ring);
  outline-offset: 3px;
}

/* Form fields — le focus est déjà visualisé via la border-bottom gold animée */
.form-field__input:focus-visible,
.form-field__select:focus-visible,
.form-field__textarea:focus-visible {
  outline: none;
}

/* Bouton mute global — offset plus généreux pour ne pas chevaucher la border gold */
.audio-control:focus-visible {
  outline-offset: 5px;
}