/* =========== TEMA CHIARO (interruttore Dark/Light) =========== */
html[data-theme="light"]{
  --bg:#e4e1da; --bg2:#ece9e3; --panel:rgba(40,36,28,.045); --line:rgba(40,36,28,.15);
  --text:#1c1f26; --muted:#5b5f6a; --a:#0b7f9f; --b:#5560d8; --warm:#c8501c;
  --t2:#3c4350; --t3:#474e5c; --t4:#2d3441; --t5:#1f2531;
  --nav-bg:rgba(228,225,218,.88); --sub-bg:rgba(236,233,227,.98); --menu-bg:rgba(228,225,218,.99); --foot-bg:rgba(40,36,28,.06);
  --hero-top:rgba(228,225,218,.55); --field:rgba(40,36,28,.05); --hero-img:.3;
}
html[data-theme="light"] body::before{background:radial-gradient(900px 500px at 85% -5%,rgba(85,96,216,.12),transparent 60%),radial-gradient(800px 500px at -5% 30%,rgba(11,127,159,.08),transparent 60%),var(--bg)}
html[data-theme="light"] .brand img,html[data-theme="light"] .seal img{box-shadow:0 0 0 1px var(--line),0 18px 50px -16px rgba(85,96,216,.45)}
html[data-theme="light"] .tag{background:rgba(11,127,159,.07);border-color:rgba(11,127,159,.3)}
html[data-theme="light"] .btn.primary{color:#fff}
html[data-theme="light"] .pills a.cur{color:#fff}
html[data-theme="light"] .menu>li.active>a{background:rgba(11,127,159,.09)}
html[data-theme="light"] .menu>li>a:hover{background:rgba(14,19,32,.05)}
html[data-theme="light"] .noimg{background:repeating-linear-gradient(135deg,rgba(14,19,32,.04) 0 12px,transparent 12px 24px),linear-gradient(160deg,#d9d6ce,#e8e5de)!important}
html[data-theme="light"] .logos div{background:#f1eee8;border:1px solid var(--line)}
html[data-theme="light"] .logos div.noimg{background:rgba(14,19,32,.05)!important}
html[data-theme="light"] .masonry img,html[data-theme="light"] .vid .th img,html[data-theme="light"] .post .cv img{filter:none}
html[data-theme="light"] .door{background:radial-gradient(700px 360px at 90% 0%,rgba(212,82,27,.1),transparent 60%),var(--bg2)}
html[data-theme="light"] .tile.warm{background:radial-gradient(500px 280px at 80% 0%,rgba(212,82,27,.12),var(--bg2))}
html[data-theme="light"] .ctaband{background:radial-gradient(600px 240px at 90% 0%,rgba(85,96,216,.14),transparent 70%),var(--bg2)}
html[data-theme="light"] .pagehead{background:radial-gradient(700px 260px at 85% 0%,rgba(85,96,216,.1),transparent 70%)}
html[data-theme="light"] .stats div,html[data-theme="light"] .spec div{background:var(--bg2)}
html[data-theme="light"] .box,html[data-theme="light"] .post,html[data-theme="light"] .subcard,html[data-theme="light"] .cl,html[data-theme="light"] form.f,html[data-theme="light"] .press>*{background:var(--bg2)}
html[data-theme="light"] .badge{background:rgba(212,82,27,.06)}

/* nelle foto delle tile il testo resta chiaro (sta sopra un velo scuro) */
.tile:has(>img){color:#fff}
.tile:has(>img) h3,.tile:has(>img) p{color:#fff}
.tile:has(>img) p{color:#d3dae6}
.tile:has(>img) .n{color:#7ee9ff}
.tile .sublinks a{color:#fff}
/* lightbox e finestra video: sempre scuri */
.lb{--text:#e9eef6;--line:rgba(255,255,255,.14);--panel:rgba(255,255,255,.07);--muted:#9aa5b8;--a:#22e4ff}