/* ───────── Ana sayfa sahnesi zemini: VARSAYILAN açık (soğuk beyaz). Adres sonuna ?tema=krem (sıcak kâğıt) veya ?tema=koyu (eski koyu zemin) eklenebilir.
   Yalnızca ana sayfadaki sahne + üst menüyü etkiler. Kalıcı olarak koya dönmek için index.html'deki küçük betikte "acik" yerine "koyu" yazın. ───────── */
html.tema-acik{--tema-bg:#f2f7fb;--tema-bg2:#dce9f2;--tema-glow:41,117,163}
html.tema-krem{--tema-bg:#f4efe5;--tema-bg2:#e6dcc7;--tema-glow:220,174,46}
html[class*="tema-"]{--tema-ink:#0b1a26;--tema-dim:#46596a;--tema-blue:#1a6d97;--tema-gold:#c99a00}
html[class*="tema-"][data-view="home"] body{background:var(--tema-bg)}
html[class*="tema-"] .viewport{background:linear-gradient(180deg,var(--tema-bg),var(--tema-bg2))}
html[class*="tema-"] .bg-grid{background-image:linear-gradient(rgba(11,26,38,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(11,26,38,.07) 1px,transparent 1px),linear-gradient(rgba(11,26,38,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(11,26,38,.035) 1px,transparent 1px)}
html[class*="tema-"] .bg-glow{background:radial-gradient(50vmax 44vmax at calc(50% + var(--gx)) 46%,rgba(var(--tema-glow),.20),transparent 62%),radial-gradient(28vmax 20vmax at calc(50% + var(--gx)) 80%,rgba(11,26,38,.10),transparent 60%)}
html[class*="tema-"] .beams{opacity:.35;mix-blend-mode:multiply}
html[class*="tema-"] .wm{-webkit-text-stroke-color:rgba(11,26,38,.10)}
html[class*="tema-"] .panel h1,html[class*="tema-"] .panel h2{color:var(--tema-ink)}
html[class*="tema-"] .panel .lead{color:var(--tema-dim)}
html[class*="tema-"] .panel .kicker{color:var(--tema-blue)}
html[class*="tema-"] .panel .kicker .num{color:var(--tema-gold);border-color:var(--tema-gold)}
html[class*="tema-"] .panel h1 em,html[class*="tema-"] .panel h2 em{color:var(--tema-blue)}
html[class*="tema-"] .panel .btn-ghost{color:var(--tema-ink);border-color:rgba(11,26,38,.35)}
html[class*="tema-"] .panel .btn-ghost:hover{background:rgba(11,26,38,.06);border-color:var(--tema-ink)}
html[class*="tema-"] .chips li{color:var(--tema-ink);border-color:rgba(11,26,38,.28);background:rgba(255,255,255,.5)}
html[class*="tema-"] .rail button{border-color:var(--tema-blue)}
html[class*="tema-"] .rail button::after{color:var(--tema-ink)}
html[class*="tema-"] .hint{color:var(--tema-dim)}
html[class*="tema-"] .titleblock{background:rgba(255,255,255,.6);color:var(--tema-dim);border-color:rgba(11,26,38,.2)}
html[class*="tema-"] .titleblock b{color:var(--tema-ink)}
html[class*="tema-"] .crop{border-color:rgba(11,26,38,.35)}
/* üst menü: sahnenin üstündeyken (koyu cam olmadan) koyu yazı */
html[class*="tema-"][data-view="home"] .nav:not(.solid):not(.open){background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(255,255,255,0))}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .nl-a{color:#33495a}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .nl:hover>.nl-a,html[class*="tema-"][data-view="home"] .nav:not(.solid) .nl.on>.nl-a{color:var(--tema-ink)}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .lang a:not(.on){color:#4a6172}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .login{color:var(--tema-ink);border-color:rgba(11,26,38,.35)}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .burger{border-color:rgba(11,26,38,.35)}
html[class*="tema-"][data-view="home"] .nav:not(.solid) .burger i{background:var(--tema-ink)}
/* LEDECH: LED panel açık zeminde (panel koyu kalır, ışıması öne çıkar) */
html[class*="tema-"] .arena::before,html[class*="tema-"] .arena::after{background:linear-gradient(180deg,transparent,rgba(11,26,38,.45))}
html[class*="tema-"] .board{box-shadow:0 46px 70px -26px rgba(11,26,38,.55),0 0 0 1px rgba(11,26,38,.35),inset 0 2px 0 rgba(255,255,255,.12)}
html[class*="tema-"] .board-meta{color:#24566f}
html[class*="tema-"] .board-meta b{color:#8a6a00}
html[class*="tema-"] .floorglow{background:radial-gradient(ellipse at 50% 0,rgba(11,26,38,.30),transparent 70%)}

/* mobil (≤820px): açık zeminde sahne altı gradyanı açık olsun; açık çekmecede düğmeler görünsün */
@media (max-width:820px){html[class*="tema-"] .panels::before{background:linear-gradient(180deg,transparent,var(--tema-bg) 38%,var(--tema-bg))}}
html[class*="tema-"][data-view="home"] .nav.open .burger{border-color:rgba(127,186,212,.35)}
html[class*="tema-"][data-view="home"] .nav.open .burger i{background:#fff}