/* Anteprima identità verde e oro (da biglietto da visita, profilo e copertina social) */
:root {
  --verde: #075A2D;
  --verde-scuro: #033119;
  --verde-fondo: radial-gradient(ellipse 70% 160% at 50% 40%, #075A2D 0%, #054A24 38%, #033119 70%, #010D06 100%);
  --crema: #F6EBCB;
  --oro-vivo: #F4BC2C;
}
.barra { background: #010D06; color: var(--crema); }
.barra a { color: var(--crema); }
.testata { background: var(--verde-fondo); border-bottom: 2px solid var(--oro-vivo); }
.menu a { color: var(--crema); }
.menu a:hover, .menu a[aria-current="page"] { border-bottom-color: var(--oro-vivo); color: var(--oro-vivo); }
.menu .menu-lista { color: var(--oro-vivo); }

.bottone { border-color: var(--verde); }
.bottone.pieno { background: var(--verde); color: var(--crema); }
.bottone.pieno:hover { background: var(--oro-vivo); border-color: var(--oro-vivo); color: var(--verde-scuro); }
.bottone.vuoto { color: var(--verde); }
.bottone.vuoto:hover { background: var(--verde); color: var(--crema); }
.apertura .bottone.pieno { background: var(--oro-vivo); border-color: var(--oro-vivo); color: var(--verde-scuro); }
.apertura .bottone.pieno:hover { background: var(--crema); border-color: var(--crema); }
.apertura .bottone.vuoto { border-color: var(--crema); color: var(--crema); }
.apertura .bottone.vuoto:hover { background: var(--crema); color: var(--verde-scuro); }
.etichetta { background: var(--verde); color: var(--crema); }
.fisso { background: var(--verde); border-color: var(--verde); color: var(--crema); }
.pill-lista { border-color: var(--verde); color: var(--verde); }
.filtro[aria-pressed="true"] { background: var(--verde); border-color: var(--verde); color: var(--crema); }

/* Fascia regalo: banda verde con il tema principale del negozio */
.fascia-grigia#regalo { background: var(--verde-fondo); }
#regalo h2 { color: var(--crema); }
#regalo .intro, #regalo .lista-intro { color: var(--crema); }
#regalo .lista-intro a { color: var(--oro-vivo); }
#regalo .fascia { background: transparent; border-color: var(--oro-vivo); color: var(--oro-vivo); }
#regalo .fascia:hover { background: var(--oro-vivo); color: var(--verde-scuro); }

.piede { background: var(--verde-fondo); color: var(--crema); border-top: 2px solid var(--oro-vivo); }
.piede a { color: var(--oro-vivo); }