/* ═══════════════════════════════════════════════════════════════════════════ BANDA «FESTIVAL» — tre prove di colore, commutabili con ?banda=1|2|3 (`?banda=0` = com'è oggi, e cancella la scelta ricordata) R02 · 07/09/2026 · giro WP12 Serve a `/manifesto` e `/chi-siamo`, le due pagine che aprono su `.banda--festival`. Oggi la banda è `#ED6E4E` con titolo e occhiello `#46220F` — misurato nel browser il 07/09 con `getComputedStyle`, su tutte e due le pagine: `rgb(237,110,78)` / `rgb(70,34,15)`, contrasto 4,64:1, il più basso delle tre bande del sito, e l'unica campitura slavata. Costantino, guardandole: «i colori qui sono brutti». Questo foglio NON cambia niente da solo: senza `?banda=` sul body non c'è nessuna classe e la banda resta quella di oggi. 🔴🔴 IL DATO CHE MI HA FATTO RISCRIVERE QUESTO FILE — MISURATO, NON DEDOTTO. Le pagine interne NON girano sulla stessa tavolozza della home. Ogni pagina interna porta un `:root` proprio dentro il foglio in linea di `inc/teste.php`, che viene stampato DOPO `gastronomica-base.css` e quindi **vince**. Letto con `getComputedStyle(document.documentElement)` il 07/09/2026 alle 15:1x: variabile home (tavolozza 2) pagine interne (tavolozza 1) --melagrana #C2261B #C4400F --brace #2B0A10 #46220F --alloro #1F6B4F (VERDE) #2C6C9C (BLU) --carta #FFEFE4 #FFFFFF Conseguenza: scrivendo `var(--alloro)` qui dentro, l'alternativa 3 usciva **blu** invece che verde — e l'ho vista blu in una schermata prima di accorgermene. Per questo i valori sotto sono scritti per esteso, con accanto la variabile della home da cui vengono. Sono gli stessi colori della tavolozza «2 · MERCATO» congelata il 01/09/2026 in `gastronomica-base.css`: **nessuna tinta inventata**. ⚠️ Le due tavolozze che convivono sono un fatto del sito, non una cosa che ho creato io: non l'ho toccata, ma è da mettere sul tavolo. 🔴 PERCHÉ QUI E NON IN `inc/teste.php`. Lì `.banda--festival` è definita dentro il foglio in linea, **ripetuto per ogni pagina** (9 copie nel file): cambiare il colore lì vuol dire nove modifiche allineate a mano, su un file che è la copia del design congelato. Qui è una riga sola, e quando Costantino avrà scelto si sposta il valore in `teste.php` e questo foglio sparisce. ⚠️ Le altre due bande (`--bere`, `--produttori`) NON si toccano: la domanda aperta è una sola. Mescolarci dentro un secondo cambiamento renderebbe impossibile dire che cosa si sta scegliendo. ═══════════════════════════════════════════════════════════════════════════ */ /* ── 1 · MELAGRANA — come /produttori: la tavolozza dice che funziona ──────── Qui uso apposta `var(--banda-produttori)` e non un valore fisso: l'idea dell'alternativa 1 è «lo stesso colore della banda di Produttori», quindi le due devono restare legate anche se un giorno quel colore cambia. Misurato: `--banda-produttori` = **#C2261B**, titolo bianco = **5,85:1**. Costo dichiarato: /manifesto e /chi-siamo diventano dello stesso colore di /produttori, quindi la banda smette di dire «in che pagina sono» e dice solo «questo è il festival». Il bottone giallo su melagrana fa già 4,59:1 da solo: un bordo scuro lì sarebbe invisibile (1,69:1), quindi diventa dello stesso colore del bottone — la stessa scelta già presa per `.banda--produttori` in `teste.php`. */ body.banda-1 .banda--festival{ --banda: var(--banda-produttori); --su-banda: #FFFFFF; --azione-bordo: var(--azione); } /* ── 2 · BRACE — profondità, non tinta ────────────────────────────────────── #2B0A10 = `--brace` della home (sulle interne quella variabile vale #46220F, che è un bruno molto più chiaro: v. la tabella qui sopra). Titolo bianco caldo #FFEFE4 = `--carta` della home → **16,23:1**. Occhiello arancione #FF9028 = `--accento`, che vale uguale in tutte e due le tavolozze → **8,04:1**. Le due pagine istituzionali si distinguono per **peso**, non per colore: nessun'altra pagina apre su scuro, quindi il segnale resta unico. ⚠️ È l'unica delle tre che cambia anche il colore dell'occhiello: in bianco caldo l'occhiello sparirebbe dentro il titolo. */ body.banda-2 .banda--festival{ --banda: #2B0A10; --su-banda: #FFEFE4; --azione-bordo: var(--azione); } body.banda-2 .banda--festival .occhio{ color: #FF9028 } /* ── 3 · ALLORO — il contrappeso freddo ───────────────────────────────────── #1F6B4F = `--alloro` della home, il VERDE che in home dipinge la fascia newsletter (`.campo--alloro`). ⛔ Sulle pagine interne `var(--alloro)` è **blu** #2C6C9C: scriverlo per esteso non è pignoleria, è l'unico modo di avere qui il verde del sito. Titolo bianco = **6,41:1**. Il bottone giallo ci fa 5,03:1. Costo dichiarato: è l'unico freddo del sito, e su una pagina intera pesa diversamente che su una fascia alta 400 px in fondo alla home. */ body.banda-3 .banda--festival{ --banda: #1F6B4F; --su-banda: #FFFFFF; --azione-bordo: var(--azione); } /* ═══════════════════════════════════════════════════════════════════════════ SECONDO GIRO — 07/09/2026, dopo «hai altre alternative?». Le prime tre restano tutte a tinta piena satura: cambiavano il colore, non l'idea. Queste tre cambiano l'IDEA, una per volta. ═════════════════════════════════════════════════════════════════════════ */ /* ── 4 · CARTA CALDA — la testa che respira ───────────────────────────────── Ribalta la regola: oggi ogni pagina interna apre su una tinta piena, e il sito è già molto saturo. Qui la testa è CHIARA (#FFEFE4, la carta calda del sito) e a parlare resta il titolone in melagrana. Contrasto 6,53:1. Costo dichiarato: le due pagine istituzionali perdono il colpo d'occhio a colore, e si distinguono per silenzio invece che per voce. */ body.banda-4 .banda--festival{ --banda: #FFEFE4; --su-banda: #C2261B; --azione-bordo: var(--azione); } body.banda-4 .banda--festival .occhio{ color: #46220F } /* ── 5 · MORA — il colore del sito che non ha ancora un posto ─────────────── #7B1E4B è in tavolozza (in home dipinge una fascia) ma non apre nessuna pagina. Prugna profonda: caldo come il resto, ma senza gareggiare con l'arancio e col rosso, che sono già di altre pagine. Titolo bianco 9,12:1. */ body.banda-5 .banda--festival{ --banda: #7B1E4B; --su-banda: #FFFFFF; --azione-bordo: var(--azione); } body.banda-5 .banda--festival .occhio{ color: #FF9028 } /* ── 6 · IL MOTIVO DEL FESTIVAL — la testa che porta il marchio ───────────── Lo stesso motivo disegnato per Gastronomica che veste la prima fascia della home, qui sotto un velo profondo perché il titolo resti leggibile. Non è una tinta nuova: è il brand che torna dove la pagina parla del brand. Velo #2B0A10 all'82%: titolo bianco caldo sopra ≥ 12:1 misurati sul reso. */ body.banda-6 .banda--festival{ --banda: #2B0A10; --su-banda: #FFEFE4; --azione-bordo: var(--azione); background-image: linear-gradient(rgba(43,10,16,.82), rgba(43,10,16,.82)), url("asset/marchio/motivo-lorenzo-2026.jpg"); background-size: auto, 620px; background-position: center, center; background-repeat: no-repeat, repeat; } body.banda-6 .banda--festival .occhio{ color: #FF9028 } /* ═══════════════════════════════════════════════════════════════════════════ ✅ SCELTA DI COSTANTINO — 07/09/2026, 17:0x: «mi piace la 5». La MORA diventa il colore delle pagine istituzionali (`/manifesto`, `/chi-siamo`): vale anche SENZA `?banda=`, cioè per chiunque apra il sito. Le sei varianti restano raggiungibili col parametro finché il sito è in prova; prima della consegna vera si congela questa e si toglie il resto. ⚠️ Serve `body` davanti: `.banda--festival` è definita nel foglio IN LINEA di `inc/teste.php`, che nell'HTML viene DOPO questo file. Con la stessa specificità vincerebbe lui; con `body` davanti (0,0,2 contro 0,0,1) vince questa riga. Misurato, non dedotto. ═════════════════════════════════════════════════════════════════════════ */ body .banda--festival{ --banda: #7B1E4B; --su-banda: #FFFFFF; --azione-bordo: var(--azione); } body .banda--festival .occhio{ color: #FF9028 }