/*
  accessibility.css
  Regole dedicate all'accessibilità per "Io sono Pablo".
  - Focus ring giallo brillante su tutti gli elementi interattivi
  - Supporto alto contrasto
  - Riduzione movimento (gestita anche in main.css)
*/

/* ---------- Focus visibile e ben evidente ---------- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
[tabindex]:focus-visible {
  outline: 4px solid var(--focus-ring);
  outline-offset: 3px;
  border-radius: 6px;
}

/* Fallback per browser senza :focus-visible */
a:focus,
button:focus,
input:focus,
select:focus {
  outline: 4px solid var(--focus-ring);
  outline-offset: 3px;
}

/* Quando il focus-visible è supportato, evita il doppio anello al click del mouse */
a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
select:focus:not(:focus-visible) {
  outline: none;
}

/* La sezione che riceve il focus via skip/nav non mostra un anello invadente */
.section:focus {
  outline: none;
}

/* ---------- Preferenza utente per alto contrasto ---------- */
@media (prefers-contrast: more) {
  :root {
    --color-text: #000000;
    --color-link: #0b2740;
  }
  .nav-link,
  .font-btn {
    border-width: 3px;
  }
}

/* ---------- Modalità forzata (Windows High Contrast) ---------- */
@media (forced-colors: active) {
  .header-avatar,
  .lang-select,
  .font-btn {
    border: 2px solid;
  }
}
