/* 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 .hf-toolbar { border-bottom-color: rgba(255, 255, 255, 0.08); }
html.pyn-dark .hf-tab { color: rgb(128, 128, 128); }
html.pyn-dark .hf-tab:hover { color: rgb(245, 245, 245); }
html.pyn-dark .hf-tab.active { color: rgb(245, 245, 245); border-bottom-color: rgb(236, 236, 236); }
html.pyn-dark .hf-featured-visual { background-color: rgb(14, 18, 27); box-shadow: rgba(0, 0, 0, 0.176) 0px 12px 32px; }
html.pyn-dark .hf-tag-pill { background-color: rgb(19, 19, 22); color: rgb(245, 245, 245); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .hf-read-time { color: rgb(128, 128, 128); }
html.pyn-dark .hf-featured-title { color: rgb(245, 245, 245); }
html.pyn-dark .hf-featured-desc { color: rgb(172, 172, 172); }
html.pyn-dark .hf-btn-read { background-color: rgb(199, 199, 199); color: rgb(25, 25, 25); }
html.pyn-dark .hf-btn-read:hover { background-color: rgb(236, 236, 236); }
html.pyn-dark .hf-card-thumb { background-color: rgb(207, 207, 207); box-shadow: rgba(0, 0, 0, 0.132) 0px 8px 24px; }
html.pyn-dark .hf-card-tag { background-color: rgb(19, 19, 22); color: rgb(245, 245, 245); box-shadow: rgba(0, 0, 0, 0.33) 0px 2px 6px; outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .hf-card-title { color: rgb(245, 245, 245); }
html.pyn-dark .hf-page-btn { background-color: rgb(19, 19, 22); color: rgb(200, 209, 229); outline: 1px solid rgba(255, 255, 255, 0.08); outline-offset: -1px; }
html.pyn-dark .hf-page-btn:hover:not(.disabled):not(.active) { background-color: rgb(27, 27, 28); color: rgb(245, 245, 245); }
html.pyn-dark .hf-page-btn.active { background-color: rgb(236, 236, 236); color: rgb(25, 25, 25); }
html.pyn-dark .zp-nav-center a { color: rgb(157, 157, 157); }
html.pyn-dark .zp-nav-center a:hover, html.pyn-dark .zp-nav-center a[aria-current="page"] { color: rgb(206, 210, 222); }
html.pyn-dark .zp-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 .zp-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); }

/* ===== Poprawki (recznie) ===== */
/* Wyszukiwarka (telefon). */
html.pyn-dark .hf-search { background: rgba(255, 255, 255, 0.07); color: #98989f; }
html.pyn-dark .hf-search input { color: #f5f5f3; }
html.pyn-dark .hf-search input::placeholder, html.pyn-dark .hf-search-clear, html.pyn-dark .hf-noresults { color: #98989f; }
