/* Ciemny motyw strony (html.pyn-dark, ustawiane przez site-chrome.js z zapisu
   "pynokio-theme" - tego samego co w platformie). Paleta jak w platformie:
   tlo rgb(6,6,7), karty #0d0d0f, linie rgba(255,255,255,.08), tekst #f5f5f3.
   Czesc ogolna + nadpisania kolorow regul strony (wygenerowane z jasnych
   regul, potem poprawione recznie - sekcja "Poprawki" na koncu pliku). */
html.pyn-dark, html.pyn-dark body { background-color: rgb(6, 6, 7); color: rgb(245, 245, 243); }
html.pyn-dark img[src*="logo-official"]:not(.pynmt-bar *):not(.pynmt-menu *) { filter: invert(1) !important; }
html.pyn-dark ::selection { background: rgba(57, 198, 255, 0.35); }

/* ===== Wygenerowane ===== */
html.pyn-dark { --bg-white: rgb(6, 6, 7); --text-main: rgb(245, 245, 245); --text-muted: rgb(146, 146, 146); --border-light: rgba(255, 255, 255, 0.08); --input-bg: rgb(21, 21, 22); --accent-lime: rgb(180, 242, 0); }
html.pyn-dark, html.pyn-dark body { background-color: rgb(6, 6, 7) !important; color: rgb(245, 245, 245) !important; }
html.pyn-dark .page > .nav .links a, html.pyn-dark .page > .nav .resource-trigger { color: rgb(172, 172, 172) !important; }
html.pyn-dark .page > .nav .links a:hover, html.pyn-dark .page > .nav .resource-trigger:hover { color: rgb(245, 245, 245) !important; }
html.pyn-dark .page > .nav .blog-nav-btn { background-color: rgb(221, 221, 221); border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); color: rgb(25, 25, 25) !important; -webkit-text-fill-color: rgb(25, 25, 25) !important; }
html.pyn-dark .page > .nav .blog-nav-btn:hover { background-color: rgb(198, 198, 198); border-top-color: rgb(198, 198, 198); border-right-color: rgb(198, 198, 198); border-bottom-color: rgb(198, 198, 198); border-left-color: rgb(198, 198, 198); }
html.pyn-dark .hf-title-section h1 { color: rgb(203, 209, 226); }
html.pyn-dark .sup-lede { color: rgb(172, 172, 172); }
html.pyn-dark .sup-card { background-color: rgb(19, 19, 22); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .sup-card-head { border-bottom-color: rgba(255, 255, 255, 0.07); }
html.pyn-dark .sup-kicker { color: rgb(122, 122, 122); }
html.pyn-dark .sup-card-head h2 { color: rgb(203, 209, 226); }
html.pyn-dark .sup-card-head p { color: rgb(148, 148, 148); }
html.pyn-dark .sup-field label { color: rgb(188, 188, 188); }
html.pyn-dark .sup-field label span { color: rgb(107, 107, 107); }
html.pyn-dark .sup-field input, html.pyn-dark .sup-field select, html.pyn-dark .sup-field textarea { color: rgb(245, 245, 245); background-color: rgb(19, 19, 22); border-top-color: rgba(255, 255, 255, 0.09); border-right-color: rgba(255, 255, 255, 0.09); border-bottom-color: rgba(255, 255, 255, 0.09); border-left-color: rgba(255, 255, 255, 0.09); }
html.pyn-dark .sup-field textarea::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.26); border-top-color: rgb(6, 6, 6); border-right-color: rgb(6, 6, 6); border-bottom-color: rgb(6, 6, 6); border-left-color: rgb(6, 6, 6); }
html.pyn-dark .sup-field textarea::-webkit-scrollbar-thumb:hover { background-color: rgba(255, 255, 255, 0.42); }
html.pyn-dark .sup-field textarea::-webkit-scrollbar-thumb:active { background-color: rgba(255, 255, 255, 0.55); }
html.pyn-dark .sup-field input::placeholder, html.pyn-dark .sup-field textarea::placeholder { color: rgb(107, 107, 107); }
html.pyn-dark .sup-field input:hover, html.pyn-dark .sup-field select:hover, html.pyn-dark .sup-field textarea:hover { border-top-color: rgba(255, 255, 255, 0.2); border-right-color: rgba(255, 255, 255, 0.2); border-bottom-color: rgba(255, 255, 255, 0.2); border-left-color: rgba(255, 255, 255, 0.2); }
html.pyn-dark .sup-field input:focus, html.pyn-dark .sup-field select:focus, html.pyn-dark .sup-field textarea:focus { border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); }
html.pyn-dark .sup-error { color: rgb(228, 105, 97); }
html.pyn-dark .sup-counter { color: rgb(107, 107, 107); }
html.pyn-dark .sup-actions { border-top-color: rgba(255, 255, 255, 0.07); }
html.pyn-dark .sup-submit { background-color: rgb(221, 221, 221); color: rgb(25, 25, 25); border-top-color: rgb(221, 221, 221); border-right-color: rgb(221, 221, 221); border-bottom-color: rgb(221, 221, 221); border-left-color: rgb(221, 221, 221); }
html.pyn-dark .sup-submit:hover:not([disabled]) { background-color: rgb(198, 198, 198); }
html.pyn-dark .sup-note { color: rgb(122, 122, 122); }
html.pyn-dark .sup-note a { color: rgb(230, 230, 230); }
html.pyn-dark .sup-spinner { border-right-color: rgba(13, 13, 15, 0.35); border-bottom-color: rgba(13, 13, 15, 0.35); border-left-color: rgba(13, 13, 15, 0.35); border-top-color: rgb(6, 6, 6); }
html.pyn-dark .sup-status.is-ok { background-color: rgb(29, 44, 12); color: rgb(205, 231, 197); }
html.pyn-dark .sup-status.is-error { background-color: rgb(12, 12, 13); color: rgb(200, 41, 29); }

/* ===== Poprawki (recznie) ===== */