/* ============================================================================
   Ponte fra i colori del tema e quelli del plugin.

   Prima catalog.css e tickets.css dichiaravano una propria tavolozza chiara su
   .mhc / .mht, e in piu' punti scrivevano il bianco a mano (#fff): col tema
   scuro il pulsante "Acquista" diventava bianco su bianco e la barra d'acquisto
   fissa restava una striscia chiara in fondo allo schermo.

   Qui ogni colore e' preso dal tema (le variabili di theme.css) con un valore di
   ripiego chiaro: il plugin continua a funzionare anche sotto un tema che non le
   definisce, ma quando c'e' il nostro tema segue chiaro e scuro da solo, senza
   che il tema debba riscrivere la tavolozza del plugin.
   ============================================================================ */

.mhc,
.mht {
	--ev-ink:      var(--ink,        #14131a);  /* testo principale      */
	--ev-ink-2:    var(--ink-2,      #5b5a66);  /* testo secondario      */
	--ev-ink-3:    var(--ink-3,      #6e6d79);  /* testo di servizio     */
	--ev-line:     var(--line,       #e7e6ea);  /* bordi e separatori    */
	--ev-line-2:   var(--line-2,     #f1f0f3);  /* separatori piu' tenui */
	--ev-bg:       var(--bg,         #ffffff);  /* sfondo della pagina   */
	--ev-bg-2:     var(--bg-2,       #f7f6f8);  /* riempimenti tenui     */
	--ev-surface:  var(--surface,    #ffffff);  /* schede e campi        */
	--ev-pink:     var(--pink,       #ed297a);
	--ev-pink-ink: var(--pink-ink,   #c9145f);  /* il rosa dove e' testo */
	--ev-purple:   var(--purple,     #5b1e6d);
	/* Il gradiente verde dei richiami in linea (quelli che portano agli eventi):
	   arriva dal tema, con lo stesso ripiego se il tema non lo definisce. */
	--ev-grad-invito: var(--grad-invito, linear-gradient(120deg, #0b4a33, #157a44 45%, #3aa54a));
	--ev-on-light:    var(--on-light,    #14131a);
	/* Il filo viola-rosa degli accenti sottili (l'avanzamento delle strisce di foto). */
	--ev-grad-accento: var(--grad-accento, linear-gradient(90deg, #5b1e6d, #ed297a));

	/* Pulsante pieno: chiaro -> fondo scuro e testo bianco; scuro -> il contrario. */
	--ev-btn-bg:   var(--btn-bg,     #14131a);
	--ev-btn-ink:  var(--btn-ink,    #ffffff);

	--ev-ok-bg:    var(--ok-bg,      #e7f5ee);
	--ev-ok-ink:   var(--ok-ink,     #0f7b4f);
	--ev-err-bg:   var(--err-bg,     #fdeaf2);
	--ev-err-ink:  var(--err-ink,    #a3185a);
	--ev-warn-ink: var(--warn-ink,   #b45309);
	/* Il verde del passaggio del mouse, come nel resto del sito. */
	--ev-hover:    var(--hover,      #3aa54a);

	/* Velo della barra d'acquisto fissa: stesso vetro dell'intestazione. */
	--ev-veil:     var(--header-bg,  rgba(255,255,255,.96));

	--ev-maxw:     var(--maxw,       1180px);
}