/* ===== Tema chiaro/scuro — igtai.app =====
   Il tema scuro e' quello originale (variabili definite nella pagina). Default: CHIARO (data-theme="light" impostato da theme.js).
   Qui: interruttore, palette chiara e correzioni specifiche del sito. */

html{color-scheme:dark;}
html[data-theme="light"]{color-scheme:light;}
html.theme-anim body,html.theme-anim nav,html.theme-anim section,html.theme-anim footer{transition:background-color .3s ease,color .3s ease,border-color .3s ease;}

/* ---------- Interruttore ---------- */
.theme-toggle{position:relative;flex:none;width:58px;height:30px;padding:0;border-radius:99px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);cursor:pointer;color:#9a98b3;transition:background .25s,border-color .25s,box-shadow .25s;-webkit-tap-highlight-color:transparent;}
.theme-toggle:hover{border-color:rgba(139,92,246,.5);}
.theme-toggle:focus-visible{outline:2px solid #a78bfa;outline-offset:3px;}
.tt-icons{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 8px;pointer-events:none;}
.tt-i{display:flex;opacity:.55;}
.tt-knob{position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;transition:transform .35s cubic-bezier(.2,.9,.3,1.2),background .3s,box-shadow .3s;pointer-events:none;}
.tt-k{position:absolute;display:flex;transition:opacity .25s,transform .35s;}
.tt-k svg{width:13px;height:13px;}
html:not([data-theme="light"]) .tt-knob{transform:translateX(28px);background:linear-gradient(135deg,#8b5cf6,#4f46e5);box-shadow:0 0 12px rgba(139,92,246,.5);}
html:not([data-theme="light"]) .tt-k-sun{opacity:0;transform:rotate(-90deg) scale(.5);}
html[data-theme="light"] .tt-knob{transform:translateX(0);background:linear-gradient(135deg,#fbbf24,#f59e0b);box-shadow:0 2px 10px rgba(245,158,11,.45);}
html[data-theme="light"] .tt-k-moon{opacity:0;transform:rotate(90deg) scale(.5);}
html[data-theme="light"] .theme-toggle{background:rgba(15,23,42,.06);border-color:rgba(30,20,70,.16);color:#544f6e;}
.theme-toggle--desk{margin-left:14px;}
.theme-toggle--solo{margin-left:14px;margin-right:2px;}
.theme-toggle--mob{display:none;}
@media(max-width:768px){
  .theme-toggle--desk{display:none;}
  .theme-toggle--mob{display:block;margin-left:auto;margin-right:12px;}
}

/* ---------- Palette tema chiaro (i mockup delle immagini restano com'erano: sono contenuto del prodotto) ---------- */
html[data-theme="light"]{
  --bg:#f7f6fc;--bg1:#ffffff;--bg2:#efedf8;
  --border:rgba(30,20,70,.11);
  --text:#14111f;--muted:#544f6e;--muted2:#6a6584;
}
html[data-theme="light"] body::before{opacity:.25;}
html[data-theme="light"] nav{background:rgba(255,255,255,.92);}
html[data-theme="light"] .btn-ghost-sm:hover,
html[data-theme="light"] .btn-ghost-lg:hover,
html[data-theme="light"] .plan-cta.secondary:hover{border-color:rgba(30,20,70,.25);}
html[data-theme="light"] .hero-badge{color:#6b21a8;}
html[data-theme="light"] .hero-trust span{color:#15803d;}
html[data-theme="light"] .check svg{stroke:#15803d;}
html[data-theme="light"] .cookie-banner{box-shadow:0 12px 40px rgba(30,20,70,.2);}
html[data-theme="light"] [style*="color:#c084fc"]{color:#7e22ce!important;}
html[data-theme="light"] [style*="color:#22c55e"]{color:#15803d!important;}
html[data-theme="light"] .section-label,
html[data-theme="light"] .cookie-banner p a{color:#be185d;}