/* ===== Tema chiaro/scuro — corsovibecoding.it =====
   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 (lime/ciano neon -> verde/teal scuri per il contrasto) ---------- */
html[data-theme="light"]{
  --bg:#f7f6fc;--bg-card:#ffffff;--bg-card2:#efedf8;
  --border:rgba(30,20,70,.11);--border-lime:rgba(63,98,18,.3);--border-cyan:rgba(15,118,110,.28);
  --lime:#3f6212;--lime-dim:rgba(63,98,18,.09);--lime-glow:rgba(63,98,18,.15);
  --cyan:#0f766e;--cyan-dim:rgba(15,118,110,.09);
  --text:#14111f;--muted:#544f6e;
}
html[data-theme="light"] body::before{opacity:.012;}
html[data-theme="light"] nav{background:rgba(255,255,255,.92);}
html[data-theme="light"] .mob-menu{background:rgba(255,255,255,.98);}

/* bottoni e pallini con sfondo lime: testo bianco sul verde scuro */
html[data-theme="light"] .btn-nav,
html[data-theme="light"] .btn-primary,
html[data-theme="light"] .btn-pricing.main,
html[data-theme="light"] .pricing-badge,
html[data-theme="light"] .btn-ca,
html[data-theme="light"] .module-item.open .module-toggle,
html[data-theme="light"] .faq-item.open .faq-icon{color:#fff;}
html[data-theme="light"] .btn-nav:hover,
html[data-theme="light"] .btn-primary:hover,
html[data-theme="light"] .btn-pricing.main:hover{background:#365314;}
html[data-theme="light"] .btn-ghost:hover,
html[data-theme="light"] .btn-pricing.outline:hover{border-color:rgba(30,20,70,.25);background:rgba(30,20,70,.04);}

/* il terminale resta scuro (e' parte dell'identita' del corso): ripristina i colori originali al suo interno */
html[data-theme="light"] .terminal{
  --bg-card:#0d0d14;--border:rgba(255,255,255,0.06);--lime:#a3e635;--lime-dim:rgba(163,230,53,0.08);--cyan:#00f5d4;--cyan-dim:rgba(0,245,212,0.08);
  --text:#f0f0f8;--muted:#8888aa;color:var(--text);
}

/* banner cookie: nascosto davvero quando non e' aperto (prima restava una striscia visibile) */
#cookie-banner:not(.visible){opacity:0;visibility:hidden;pointer-events:none;}
html[data-theme="light"] #cookie-banner{background:rgba(255,255,255,.97)!important;box-shadow:0 12px 40px rgba(30,20,70,.2);}
html[data-theme="light"] #cookie-pill{background:rgba(255,255,255,.97)!important;box-shadow:0 4px 20px rgba(30,20,70,.2);}
html[data-theme="light"] .cookie-minimize:hover{background:rgba(30,20,70,.06);}
html[data-theme="light"] [style*="color:#8888aa"]{color:var(--muted)!important;}
