/* TRYB CIEMNY JebTo (CEO 14.10.2026). Domyslny wyglad (jasny) zostaje nietkniety: wszystko ponizej dziala tylko pod
   :root[data-motyw="ciemny"], ustawianym przez maly skrypt w <head> i app/motyw.js (parametr ?ciemno, localStorage, system).
   Paleta papieru (--papier, --papier-tekst...) jest JEDNA i siedzi w app.css (#112); ten plik nie ma wlasnych odcieni.
   DLACZEGO tokeny, a nie filter:invert: inwersja psuje zdjecia, filmy, memy i wycinanki liter. Tu zmieniamy tylko powierzchnie
   (tlo, panele, papierowe etykiety) i tekst; obrazy zostaja nietkniete. Papierowe etykiety z wartosciami na sztywno generuje scripts/ciemny-generuj.mjs
   do motyw-ciemny-papier.css (ladowany przed tym plikiem). Kontrast tekstu min. 4.5:1 (WCAG AA) pilnuje test motyw-ciemny-ui.test.mjs. */
:root[data-motyw="ciemny"]{
  --void:#050507; --panel:#0b0b10; --panel2:#101016; --line:#25232e; --line2:#3a3745;
  --dim:#b0acbc; --dim2:#9d99aa;
}
/* przelacznik w naglowku: ksiezyc w jasnym, slonce w ciemnym */
.motyw-b{width:46px;height:46px;flex:0 0 auto;display:inline-grid;place-items:center;background:#000;border:2px solid #e9e3d6;color:#e9e3d6;transform:rotate(-1.5deg);cursor:pointer;padding:0}
.motyw-b:hover{transform:rotate(1.5deg) scale(1.06)}
.motyw-ik{width:24px;height:24px;fill:currentColor;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.motyw-slonce{display:none;fill:none}
:root[data-motyw="ciemny"] .motyw-ksiezyc{display:none}
:root[data-motyw="ciemny"] .motyw-slonce{display:block}
:root[data-motyw="ciemny"] .motyw-b{border-color:var(--cyber);color:var(--cyber);box-shadow:0 0 12px rgba(0,217,255,.35)}
/* sciana naklejek: ta sama tekstura, ale z ciemnych wariantow (tlo-naklejki.js) i dodatkowo przygaszona */
:root[data-motyw="ciemny"] #tloNaklejki{filter:saturate(.85) brightness(.9)}
:root[data-motyw="ciemny"] body::before{opacity:.7}
/* kolorowe (zolte) tla zostaja z ciemnym tekstem: generator flipuje tylko tekst na papierze */
:root[data-motyw="ciemny"] .nav a.nv.on,:root[data-motyw="ciemny"] .nav a.nv.on:hover,:root[data-motyw="ciemny"] .chips .chip.on{color:#000}
:root[data-motyw="ciemny"] .top .srch input::placeholder{color:#a8a296}
/* reakcje: etykieta FUCK NO na papierze ma w CSS czarny tekst z mocniejszego selektora */
:root[data-motyw="ciemny"] .rx-fuck .rx-l,:root[data-motyw="ciemny"] .rxs.nk .rx-wtf .rx-l{color:var(--papier-tekst)}
/* czerwien (--alert) na ciemnym papierze magazynu ma 3.5:1; jasniejszy odcien daje AA */
:root[data-motyw="ciemny"] .tmb-art small,:root[data-motyw="ciemny"] .tmb-pg,:root[data-motyw="ciemny"] .tmb-mini b,:root[data-motyw="ciemny"] .tmb-scrawl,:root[data-motyw="ciemny"] .tmb-cover small,:root[data-motyw="ciemny"] .tmb-toc b{color:#ff7b72}
/* podpis pod zdjeciem na tasmie: tasma jest teraz ciemnym papierem */
:root[data-motyw="ciemny"] .tape-w,:root[data-motyw="ciemny"] .tape-w .cap,:root[data-motyw="ciemny"] .cap.tape-w{color:var(--papier-tekst)}
:root[data-motyw="ciemny"] .live2-h.w{color:var(--papier-tekst)}
:root[data-motyw="ciemny"] .tmb-hasla li a{color:#111}
:root[data-motyw="ciemny"] .tmb-hasla li:nth-child(2) a{color:var(--papier-tekst)}
:root[data-motyw="ciemny"] .hm-dnia-s{color:#2a2a2a}