/* Pagine prodotto in tema chiaro (pilota 02/10/2026): solo sulle pagine con <html class="qd-light">
   che caricano questo file. Le basi chiare stanno in styles.css (html.qd-light); qui i componenti
   prodotto che avevano colori scuri fissi. Isole scure volute: hero-card, terminale/codice, final-band. */

/* tessere numeri (template prodotto) */
html.qd-light body .facts>.fact,html.qd-light body .fact{background:#FFFFFF;border:1px solid var(--line);color:var(--text);box-shadow:0 12px 34px -24px rgba(14,18,32,.14)}
html.qd-light body .fact strong{color:var(--text)}
html.qd-light body .fact span{color:var(--muted)}
html.qd-light .tool-figure img{background:transparent;border-color:rgba(14,18,32,.08)}

/* pagina ISP: tema editoriale scuro -> stesse variabili in chiaro */
html.qd-light body[data-isp-design="1"] main{
  --isp-bg:#F6F7FB;--isp-panel:#FFFFFF;--isp-text:#0E1220;--isp-muted:#5A6377;
  --isp-line:rgba(14,18,32,.10);--isp-blue:#2E63E0;--isp-violet:#5546E8;
  --bg:var(--isp-bg);--bg-elev:var(--isp-panel);--text:var(--isp-text);--muted:var(--isp-muted);--line:var(--isp-line);
  color:var(--isp-text)
}
html.qd-light body[data-isp-design="1"] main :is(h1,h2,h3,h4,strong,b,th){color:var(--isp-text)}
html.qd-light body[data-isp-design="1"] main .btn-outline{color:var(--isp-text);background:#FFFFFF;border-color:rgba(14,18,32,.22)}
html.qd-light body[data-isp-design="1"] main .btn-outline:hover{border-color:rgba(14,18,32,.45);background:rgba(14,18,32,.03)}
html.qd-light body[data-isp-design="1"] main .tool-byline{color:var(--isp-muted)}
html.qd-light body[data-isp-design="1"] main .facts{border-top-color:var(--isp-line);border-bottom-color:var(--isp-line)}
html.qd-light body[data-isp-design="1"] main .facts>.fact{background:transparent;border:0;border-right:1px solid var(--isp-line);box-shadow:none}
html.qd-light body[data-isp-design="1"] main .isp-port{background:#F1EFFF;border-color:rgba(85,70,232,.35)}
html.qd-light body[data-isp-design="1"] main .isp-port i{border-color:#5546E8}
html.qd-light body[data-isp-design="1"] main .pricing .basic-strip,
html.qd-light body[data-isp-design="1"] main .tiers.plans5{background:#FFFFFF;border-color:var(--isp-line);box-shadow:0 18px 44px -30px rgba(14,18,32,.18)}
html.qd-light body[data-isp-design="1"] main .tiers .tier{border-right-color:var(--isp-line)}
html.qd-light body[data-isp-design="1"] main .tiers .tier.featured{background:#F7F6FF;box-shadow:inset 0 3px #5546E8}
html.qd-light body[data-isp-design="1"] main .tiers .tier:hover{background:#F6F7FB}
html.qd-light body[data-isp-design="1"] main .tiers .tier i{background:rgba(14,18,32,.08)}
html.qd-light body[data-isp-design="1"] main .tier .price{color:var(--isp-text)}
html.qd-light body[data-isp-design="1"] main .price small{color:var(--isp-muted)}
html.qd-light body[data-isp-design="1"] main .tiers .tier .badge{color:#7A4B00;background:#FFF1D6;border-color:rgba(217,130,43,.4)}
html.qd-light body[data-isp-design="1"] main .step-n{color:#3B2FCF;background:#EAE6FF;border-color:rgba(85,70,232,.35)}
html.qd-light body[data-isp-design="1"] main :is(.pick,.uc,.proxy-strip,.basic-strip){background:#FFFFFF;border-color:var(--isp-line)}
html.qd-light body[data-isp-design="1"] main :is(.pick,.uc):hover{border-color:rgba(85,70,232,.45)}
html.qd-light body[data-isp-design="1"] main table thead{background:#F7F6FF}
html.qd-light body[data-isp-design="1"] main table :is(td,th){border-color:var(--isp-line)}
html.qd-light body[data-isp-design="1"] main table td.hl,html.qd-light body[data-isp-design="1"] main table .us{background:#F1EFFF}
html.qd-light body[data-isp-design="1"] main a:not(.btn-cta):not(.btn-outline){color:inherit}