/* ============================================================================
   veste.css — il vocabolario cromatico condiviso da tutto il frontend.

   Caricato da includes/header.php PRIMA di style.css e mobile-app.css, cosi'
   ogni foglio successivo puo' usare questi token. home.css arriva dopo, via
   $extraCSS, e continua a vincere su index.php esattamente come prima.

   ⚠️ Questo file contiene SOLO variabili: nessuna regola, nessun selettore.
   Le regole che le usano stanno dove sono sempre state (style.css,
   mobile-app.css, i blocchi <style> delle pagine). Cosi' non nasce una seconda
   cascata da tenere allineata a mano.

   I valori sono quelli scelti dall'utente per la home il 2026-09-10 e
   documentati in docs/testimoni/HOME-morbido-bianco.md: stile "morbido su
   bianco", superfici avorio senza bordi ne' ombre, e l'oro come unico colore
   pieno. Sono gli stessi numeri di assets/css/home.css:25-36, ripetuti qui e
   non importati: home.css resta autonomo e non dipende da questo file.

   ⛔ IL VERSO DEL CONTRASTO: schede AVORIO su fondo BIANCO. Mai il contrario.
   Il verso e' stato invertito una volta per errore — sezioni avorio con dentro
   riquadri bianchi — e l'utente lo ha respinto subito: ribalta il rapporto di
   tono della home, dove l'avorio e' sempre la superficie che porta il
   contenuto e il bianco e' sempre lo sfondo che la circonda.
   Ne segue che quando un contenitore raggruppa piu' riquadri, l'avorio va sui
   RIQUADRI e il contenitore resta senza fondo (l'esempio e' `.app-card` in
   profile.php, che non e' una scheda ma la sezione che raggruppa le schede).

   ⛔ DUE ORI, e non sono intercambiabili:
     --veste-oro       #D4AF37  SOLO riempimenti (pastiglie, filetti, bordi
                                decorativi). Su bianco ha contrasto 2,0:1 —
                                sotto il minimo leggibile: se finisce su del
                                testo, quel testo non si legge al sole.
     --veste-oro-testo #8A6A10  SOLO testo e icone su fondo chiaro (4,9:1).

   ⚠️ NON usare --dark-gold di style.css:4 (#B8860B) al posto di
   --veste-oro-testo: vale ~3,3:1 su bianco, cioe' sotto la soglia. Il commento
   di home.css:18 che da' le due coppie per equivalenti e' impreciso.

   ⚠️ Le barre nere in alto e in basso — .app-header, il menu laterale, la barra
   di navigazione, il footer — NON stanno qui: sono la cornice dell'app, sono
   identiche su ogni pagina compresa la home, e non si toccano.
   ============================================================================ */

:root {
  /* Superfici */
  --veste-fondo: #ffffff; /* fondo pagina; prima era #f5f5f5 */
  --veste-scheda: #f7f5ee; /* avorio: le schede; prima erano #ffffff */
  --veste-scheda-hover: #f2efe4; /* la stessa, un tono sotto: righe cliccabili */
  --veste-riga: #e9e5da; /* separatori; prima #eee / #ddd / #e0e0e0 */

  /* Inchiostri */
  --veste-inchiostro: #16150f; /* testo principale */
  --veste-inchiostro-2: #57544b; /* testo secondario */
  --veste-tenue: #8b8779; /* occhielli, etichette, testo terziario */

  /* Oro — leggere il divieto qui sopra prima di usarli */
  --veste-oro: #d4af37;
  --veste-oro-testo: #8a6a10;

  /* Raggi: la home usa 24px sulle schede grandi e 20/16 sulle minori. */
  --veste-raggio: 20px;
  --veste-raggio-piccolo: 16px;
}