Rifinisce l'interfaccia su safe area, materiali, tipografia e accessibilità.

Nessun cambio di funzionalità: solo resa, accessibilità e correzioni al layout
su iPhone.

- Aggiunge `viewport-fit=cover`: senza, su iOS `env(safe-area-inset-*)` valeva 0
  e il margine per la barra gesture già presente nella bottom nav non aveva
  effetto. Aggiunge il margine superiore su hero, PageHeader e header dello
  scout, che in modalità standalone finivano sotto il notch.
- Attiva il tema scuro sulla preferenza di sistema e ne riscrive i valori:
  l'accento resta il rosso del brand (prima diventava grigio-blu) e i token
  semantici che mancavano ora ci sono. `theme-color` ha una tinta per tema.
- Sposta il feedback dal rilascio alla pressione su Button, bottom nav e comandi
  principali; aggiunge l'anello di focus da tastiera in `@layer base`, che
  mancava su tutti i bottoni scritti a mano fuori da components/ui/.
- Rende la bottom nav una superficie traslucida con sfumatura di scorrimento al
  posto della riga netta, alleggerisce il velo dei drawer e sostituisce l'alone
  rosso delle ombre con ombre neutre.
- Introduce una scala tipografica in rem con crenatura e interlinea per taglia,
  al posto dei 109 `text-[Npx]` fissi che non scalavano con l'impostazione di
  testo del sistema.
- Porta a 44px le aree di tocco dei comandi piccoli, mostra uno scheletro di
  pagina al posto della schermata bianca in home e profilo, conserva le
  dissolvenze con movimento ridotto e aggiunge il supporto a
  `prefers-reduced-transparency` e `prefers-contrast`.
- Anima l'apertura delle sezioni a tendina con Radix Collapsible, già fra le
  dipendenze, al posto di un montaggio secco.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

docs/CHANGELOG.md

@@ -6,6 +6,31 @@ qui: sta in [ROADMAP.md](ROADMAP.md).
 
 ## Versione attuale — agosto 2026
 
+### Rifinitura dell'interfaccia (settembre 2026)
+
+Nessun cambio di funzionalità: solo resa, accessibilità e correzioni al layout su iPhone.
+
+- **Safe area.** Aggiunto `viewport-fit=cover`: senza, su iOS `env(safe-area-inset-*)`
+  valeva 0 e il margine per la barra gesture già presente nella bottom nav non aveva
+  effetto. Aggiunto anche il margine superiore su hero, `PageHeader` e header dello scout,
+  che in modalità standalone finivano sotto il notch.
+- **Tema scuro attivo.** La classe `dark` segue `prefers-color-scheme` da uno script nel
+  `head`. I valori del tema scuro sono stati riscritti: l'accento resta il rosso del brand
+  (prima diventava grigio-blu) e sono stati definiti i token semantici che mancavano.
+  `theme-color` ora ha una tinta per tema.
+- **Feedback al tocco.** `Button`, voci della bottom nav e comandi principali reagiscono
+  alla pressione e non al rilascio. Anello di focus da tastiera su tutti gli elementi
+  attivabili (`styles.css`, `@layer base`): prima era assente sui bottoni scritti a mano.
+- **Materiali.** La bottom nav è una superficie traslucida con sfumatura di scorrimento al
+  posto della riga netta; velo dei drawer alleggerito; ombre neutre al posto dell'alone
+  rosso.
+- **Tipografia.** Scala in `rem` con crenatura e interlinea per taglia; eliminati i 109
+  `text-[Npx]` fissi, che non scalavano con l'impostazione di testo del sistema.
+- **Accessibilità e caricamento.** Aree di tocco portate a 44px sui comandi piccoli,
+  scheletro di pagina al posto della schermata bianca in home e profilo, movimento ridotto
+  che conserva le dissolvenze, supporto a `prefers-reduced-transparency` e
+  `prefers-contrast`.
+
 ### Autenticazione e dashboard amministratore (in produzione)
 
 - Login con Google tramite Supabase Auth (DD-011). Al primo accesso l'account si collega a