/* Tema chiaro: ritocchi che non si esprimono con i soli token (caricato dopo gli altri fogli) */
:root[data-theme="light"] .win-btn.close:hover { color: #9f1239; }
:root[data-theme="light"] .win-btn svg, :root[data-theme="light"] .win-ico { filter: none; }
:root[data-theme="light"] .win-title svg.win-ico { filter: drop-shadow(0 1px 3px rgba(91, 33, 182, 0.35)); }
:root[data-theme="light"] .win { background: var(--win-bg); }
:root[data-theme="light"] ::selection { color: #fff; background: rgba(109, 53, 232, 0.7); }
:root[data-theme="light"] * { scrollbar-color: rgba(91, 33, 182, 0.35) transparent; }
:root[data-theme="light"] .win-grip { background: linear-gradient(135deg, transparent 55%, rgba(60, 40, 130, 0.3) 55% 62%, transparent 62% 72%, rgba(60, 40, 130, 0.3) 72% 79%, transparent 79%); }
:root[data-theme="light"] .field::placeholder { color: #6f6a8c; }

/* Cambio di tema: i colori scorrono invece di scattare (solo se l'utente lo ha chiesto col pulsante) */
:root.theme-anim, :root.theme-anim *, :root.theme-anim *::before, :root.theme-anim *::after {
  transition: background-color .28s ease, color .28s ease, border-color .28s ease, box-shadow .28s ease, fill .28s ease, stroke .28s ease !important;
}
@media (prefers-reduced-motion: reduce) { :root.theme-anim, :root.theme-anim * { transition: none !important; } }

/* Pulsante del tema: mostra l'icona dell'azione (sole = passa al chiaro, luna = passa allo scuro) */
.theme-btn .i-moon { display: none; }
:root[data-theme="light"] .theme-btn .i-sun { display: none; }
:root[data-theme="light"] .theme-btn .i-moon { display: inline; }
.theme-btn:active svg { transform: scale(0.9); }