/* ============================================================ brand_colors.css Colori di sfondo per le sezioni brand, come sul catalogo PDF. Meccanismo: Reveal.js aggiunge automaticamente al una classe .state- quando la slide con data-state= è attiva. Usiamo questa classe per cambiare il background. Colori presi dalle tonalità di sfondo delle pagine del catalogo 2026: - Visual → verde - VideoDUELLI → giallo ocra - HU2+CTL → celeste/cyan - KUMBHA → rosso arancio - PHYSTEMA → teal/acqua - PUZZLE → arancio - SEED ONE → blu scuro Solo i brand hanno colore. Le altre sezioni (chisono, curriculum, numeri, cvmetro, contatti) mantengono lo sfondo di default. ============================================================ */ body { transition: background-color 0.8s ease-in-out; } body.state-visual { background-color: #2d9b4a !important; } body.state-videoduelli { background-color: #d9b838 !important; } body.state-hu2ctl { background-color: #43b3da !important; } body.state-kumbha { background-color: #c54a3a !important; } body.state-phystema { background-color: #3fb5a6 !important; } body.state-puzzle { background-color: #e8932a !important; } body.state-seedone { background-color: #3b6db5 !important; } /* Migliora la leggibilità del testo quando il background è colorato */ body.state-visual .reveal, body.state-videoduelli .reveal, body.state-hu2ctl .reveal, body.state-kumbha .reveal, body.state-phystema .reveal, body.state-puzzle .reveal, body.state-seedone .reveal { color: #ffffff; } /* Il colore del testo dei progetti: bianco un po' opaco per brand */ body[class*="state-"] .reveal h1, body[class*="state-"] .reveal h1-w, body[class*="state-"] .reveal h2, body[class*="state-"] .reveal h4 { color: rgba(255, 255, 255, 0.95); } body[class*="state-"] .reveal p { color: rgba(255, 255, 255, 0.92); }