/* ==========================================================================
   ECLIPSEMC — 00. VARIABILI TEMA (basato sul vero shared.css di Exo)
   Questo file da solo ricolora GRAN PARTE del sito, perché il tema Exo
   legge questi valori ovunque (bottoni, card, testi, sfondo, sale banner).

   Carica come Asset CSS: eclipsemc-00-variables.css
   ========================================================================== */

:root{
  /* Sfondo pagina: gradiente spaziale viola/nero (va benissimo come valore
     di background diretto, dato che il tema fa "background: var(--color-bg)") */
  --color-bg: radial-gradient(ellipse at top, #150c26 0%, #07050d 55%, #050308 100%);

  /* Sfondo delle card/pacchetti/widget/pannelli */
  --color-brighter-bg: #14111f;

  /* Testi */
  --color-text: #ffffff;
  --color-text-darker: #e6e3f0;
  --color-text-secondary: #a7a3b8;
  --color-text-dark: #07050d;

  /* Colore primario (bottoni "Acquista", link attivi, prezzi, progress bar) */
  --color-primary: #a855f7;
  --color-primary-hover: #c084fc;
  --color-primary-text: #ffffff;
  --color-primary-text-hover: #ffffff;

  /* Bottoni secondari (es. "Annulla", azioni minori) */
  --color-secondary: rgba(255,255,255,0.08);
  --color-secondary-hover: rgba(255,255,255,0.16);
  --color-secondary-text: #ffffff;
  --color-secondary-text-hover: #ffffff;

  /* Bottoni terziari (es. toggle menu, icone) */
  --color-tertiary: transparent;
  --color-tertiary-hover: rgba(168,85,247,0.18);
  --color-tertiary-text: #e6e3f0;
  --color-tertiary-text-hover: #ffffff;

  /* Colore per sconti/rimozioni (es. prezzo barrato) */
  --color-removed: #f87171;

  /* Banner promozionale in cima (site-sale-banner) */
  --color-sale-banner-bg: linear-gradient(135deg,#7c3aed,#c026d3);
  --color-sale-banner-text: #ffffff;

  /* Immagine hero in cima (body::before in generic.css): la disattiviamo,
     lasciamo solo il gradiente di --color-bg come sfondo */
  --bg-image: none;
}