/* 1. Modifica il contorno standard (outline) per link, immagini e contenitori generici */

:focus-visible {
  outline: 3px solid #9c27b0 !important;
  outline-offset: 3px;
  border-radius: 4px;
}

/* 2. Modifica l'alone (box-shadow) per i componenti specifici di Bootstrap (bottoni, form) */

.btn:focus-visible, .form-control:focus-visible, .form-select:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 0.25rem rgba(156, 39, 176, 0.3) !important;
}