/* robotatut.pl - ciemny motyw. Wlacza sie atrybutem data-theme="dark" na znaczniku . Wartosc trzymamy w ciasteczku, wiec strona od razu rysuje sie w wybranym motywie - bez mrugniecia bialym tlem. */ :root[data-theme="dark"]{ --paper:#14161A; --card:#1C1F24; --ink:#E8EAED; --ink2:#9AA0A8; --line:#2E333A; --yl:#FFD100; --steel:#0F1114; --green:#3FBF87; --red:#E4674F; color-scheme:dark; } /* elementy, ktore w jasnym motywie maja biel wpisana na sztywno */ :root[data-theme="dark"] .card, :root[data-theme="dark"] .rows, :root[data-theme="dark"] .tbl, :root[data-theme="dark"] .formbox, :root[data-theme="dark"] .cand, :root[data-theme="dark"] .tile, :root[data-theme="dark"] .shot, :root[data-theme="dark"] .appcard, :root[data-theme="dark"] .field, :root[data-theme="dark"] .search, :root[data-theme="dark"] .filters, :root[data-theme="dark"] .notice, :root[data-theme="dark"] .nipbox, :root[data-theme="dark"] .danger, :root[data-theme="dark"] .msg-box, :root[data-theme="dark"] .post, :root[data-theme="dark"] .pnav a{background:var(--card)} :root[data-theme="dark"] .empty{background:var(--card);border-color:var(--line);color:var(--ink2)} :root[data-theme="dark"] .chip{background:var(--card);border-color:var(--line)} :root[data-theme="dark"] .chip.sel{background:var(--yl);color:#16171A} :root[data-theme="dark"] .tag{background:#23272D;border-color:var(--line);color:var(--ink)} :root[data-theme="dark"] .meter{background:#2A2E34;border-color:var(--line)} :root[data-theme="dark"] .ava, :root[data-theme="dark"] .cand .av{background:#23272D;border-color:var(--ink2)} :root[data-theme="dark"] .filters select{background:var(--card);border-color:var(--line);color:var(--ink)} :root[data-theme="dark"] .search button, :root[data-theme="dark"] .btn-y, :root[data-theme="dark"] .biz .filters button{color:#16171A} :root[data-theme="dark"] .pnav{border-bottom-color:var(--ink2)} :root[data-theme="dark"] .pnav a{border-color:var(--line)} :root[data-theme="dark"] .pnav a.on{background:var(--yl);color:#16171A;border-color:var(--yl)} :root[data-theme="dark"] .btn{border-color:var(--ink2)} :root[data-theme="dark"] .st.wstrzymana, :root[data-theme="dark"] .st.zamknieta, :root[data-theme="dark"] .st.draft, :root[data-theme="dark"] .st.withdrawn{background:#2A2E34;color:var(--ink2)} :root[data-theme="dark"] .free{color:#16171A} :root[data-theme="dark"] .free .law{color:#3A3A32} :root[data-theme="dark"] .hero p{color:var(--ink2)} :root[data-theme="dark"] .row .v.empty{color:var(--red)} :root[data-theme="dark"] img{opacity:.94} /* przelacznik motywu */ .theme{width:42px;height:42px;padding:0;background:none;border:0;cursor:pointer; display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#C9CBCE} .theme:hover{color:#fff} .theme svg{width:20px;height:20px} .theme .sun{display:none} :root[data-theme="dark"] .theme .sun{display:block} :root[data-theme="dark"] .theme .moon{display:none} /* wybor jezyka */ .langbox{position:relative;flex-shrink:0} .langbox summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:6px; padding:6px 10px;border:1px solid #3A3E44;color:#C9CBCE;font-size:13px;font-weight:600} .langbox summary::-webkit-details-marker{display:none} .langbox[open] summary{background:#2A2E34;color:#fff} .langbox .list{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:170px; background:var(--steel);border:1px solid #3A3E44;box-shadow:0 12px 28px rgba(0,0,0,.35)} .langbox .list a{display:block;padding:12px 14px;color:#E7E9EB;font-size:15px;font-weight:600; border-bottom:1px solid #2A2E34} .langbox .list a:last-child{border-bottom:0} .langbox .list a.on{background:var(--yl);color:#16171A}