/* =========================================================
   TRYB CIEMNY — opcja, nie ustawienie domyślne
   Jasny motyw jest podstawowy. Ciemny włącza się wtedy i tylko wtedy, gdy:
     • czytelnik wybrał „ciemny"      → :root[data-theme="dark"]
     • czytelnik wybrał „jak system"  → :root[data-theme="auto"] + ciemny system
   Brak wyboru = jasny, niezależnie od ustawień systemu czytelnika.
   Wyłącznie podmiana zmiennych — układ i komponenty bez zmian.
   ========================================================= */

/* 1. wybór wprost */
:root[data-theme="dark"]{
    /* Razem z paletą przełącza się rysowanie kontrolek formularzy: pola tekstowe,
       listy wyboru i pola wyboru maluje przeglądarka, nie nasz arkusz. */
    color-scheme:dark;
    --paper:#0B0F0E;
    --blad:#F0928B;
    --blad-tlo:#2A1614;
    --blad-ink:#F3B7B2;
    --card:#141B18;
    --ink:#E9F1EB;
    --ink-2:#AEC0B5;
    --ink-3:#8CA095;
    --green-900:#060C0A;
    --green-800:#123A2B;
    --green-700:#31946A;
    --green-500:#4CB88A;
    --green-100:#16281F;
    --brass:#D2A555;
    --brass-dk:#D2A555;
    --ink-dk:#AEC0B5;
    --brass-100:#221B0F;
    --eu:#8AA6EE;
    --line:#2C3B33;
    --line-2:#4F6A5C;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.7);
  }
:root[data-theme="dark"] /* powierzchnie,
:root[data-theme="dark"] które w jasnym trybie były ciemne,
:root[data-theme="dark"] muszą odciąć się od tła */
  .topbar,
:root[data-theme="dark"] .newsrail,
:root[data-theme="dark"] .opinions,
:root[data-theme="dark"] .footer{background:#070B09}
:root[data-theme="dark"] .navbar{background:var(--green-800)}
:root[data-theme="dark"] .feature{background:#0A1712}
:root[data-theme="dark"] .strip{background:var(--green-800)}
:root[data-theme="dark"] .brief-label{background:var(--green-800)}
:root[data-theme="dark"] /* obraz nie powinien świecić w ciemnym pokoju */
  .card .thumb img,
:root[data-theme="dark"] .figure img,
:root[data-theme="dark"] .feature-media img,
:root[data-theme="dark"] .mega-side img{filter:brightness(.88) contrast(1.02)}
:root[data-theme="dark"] /* nagłówki sekcji i awatary używają ciemnej zieleni jako KOLORU TEKSTU —
     w ciemnym trybie muszą się rozjaśnić,
:root[data-theme="dark"] inaczej znikają */
  .sec-head h2,
:root[data-theme="dark"] .sb h3,
:root[data-theme="dark"] .toc h3,
:root[data-theme="dark"] .duo-head h3,
:root[data-theme="dark"] .rail-head h2,
:root[data-theme="dark"] .digest-col h3,
:root[data-theme="dark"] .fact .n,
:root[data-theme="dark"] .hero-main:hover h2{color:var(--green-500)}
:root[data-theme="dark"] .sec-head h2:hover{color:var(--brass)}
:root[data-theme="dark"] .article-meta .avatar,
:root[data-theme="dark"] .editor .avatar{background:var(--green-800);color:var(--green-500)}
:root[data-theme="dark"] .authorbox .avatar{background:var(--green-700);color:#0B0F0E}
:root[data-theme="dark"] .prose blockquote{color:var(--ink)}
:root[data-theme="dark"] .pager .cur{background:var(--green-700);border-color:var(--green-700);color:#0B0F0E}
:root[data-theme="dark"] .sec-head{border-top-color:var(--green-700)}
:root[data-theme="dark"] .digest{border-top-color:var(--green-700)}
:root[data-theme="dark"] .rail-head,
:root[data-theme="dark"] .bm--masthead .bm-word{border-top-color:var(--green-700)}
:root[data-theme="dark"] .fact{border-top-color:var(--green-700)}
:root[data-theme="dark"] /* sygnet i zaznaczenia */
  .bm-mark,
:root[data-theme="dark"] .bm--tag .bm-mark{background:var(--green-700)}
:root[data-theme="dark"] .bm-mark i{color:#0B0F0E}
:root[data-theme="dark"] .langsw .lsw-on,
:root[data-theme="dark"] .lang[aria-expanded="true"]{color:#0B0F0E}
:root[data-theme="dark"] .lm-code{background:var(--green-100);color:var(--green-500)}
:root[data-theme="dark"] .lm-item.is-on .lm-code{background:var(--green-700);color:#0B0F0E}
:root[data-theme="dark"] .tag{color:#4CB88A}
:root[data-theme="dark"] .callout .k,:root[data-theme="dark"] .basis .k{color:#4CB88A}
:root[data-theme="dark"] .searchform input,:root[data-theme="dark"] .sp-form input,:root[data-theme="dark"] input[type=search]{color:var(--ink)}
:root[data-theme="dark"] .searchform input::placeholder,:root[data-theme="dark"] .sp-form input::placeholder,:root[data-theme="dark"] input[type=search]::placeholder{color:var(--ink-3)}
:root[data-theme="dark"] .tag.eu{background:#16224A}
:root[data-theme="dark"] .tag.brass{background:var(--brass-100)}
:root[data-theme="dark"] .btn-solid{background:var(--green-700);color:#0B0F0E}
:root[data-theme="dark"] .btn-solid:hover{background:var(--green-500)}
:root[data-theme="dark"] .btn-brass{color:#1A1305}
:root[data-theme="dark"] .iconbtn[aria-expanded="true"]{background:var(--green-700);border-color:var(--green-700);color:#0B0F0E}
:root[data-theme="dark"] .prose > p:first-of-type::first-letter,
:root[data-theme="dark"] article .prose > p:first-of-type::first-letter{color:var(--green-500)}
:root[data-theme="dark"] .prose h2{border-top-color:var(--line)}
:root[data-theme="dark"] .prose blockquote{color:var(--ink)}
:root[data-theme="dark"] .nl{background:#3A2C15;border-top-color:#5A4620}
:root[data-theme="dark"] .nl input[type=email]{background:#120F08;border-color:#9B7C3E;color:var(--ink)}
:root[data-theme="dark"] .nl input[type=email]::placeholder{color:#A2906B}
:root[data-theme="dark"] .nl p{color:#DCCFAE}
:root[data-theme="dark"] .nl .consent{color:#B6A480}
:root[data-theme="dark"] .nl .eyebrow{color:#E4BE72}

:root[data-theme="dark"] .searchpanel{background:#070B09}
:root[data-theme="dark"] .logo-stage{background:var(--card);border-color:var(--line)}
:root[data-theme="dark"] .logo-stage.paper{background:var(--paper)}
:root[data-theme="dark"] .formrow input,
:root[data-theme="dark"] .formrow textarea,
:root[data-theme="dark"] .formrow select,
:root[data-theme="dark"] .nl input[type=email]{
    background:var(--paper);color:var(--ink)
  }
:root[data-theme="dark"] .drawer-panel{background:var(--card)}
:root[data-theme="dark"] .drawer-bg{background:rgba(0,0,0,.68)}

/* 2. tryb automatyczny — wyłącznie po świadomym wybraniu „jak system" */
@media (prefers-color-scheme: dark){
:root[data-theme="auto"]{
    color-scheme:dark;
    --paper:#0B0F0E;
    --blad:#F0928B;
    --blad-tlo:#2A1614;
    --blad-ink:#F3B7B2;
    --card:#141B18;
    --ink:#E9F1EB;
    --ink-2:#AEC0B5;
    --ink-3:#8CA095;
    --green-900:#060C0A;
    --green-800:#123A2B;
    --green-700:#31946A;
    --green-500:#4CB88A;
    --green-100:#16281F;
    --brass:#D2A555;
    --brass-dk:#D2A555;
    --ink-dk:#AEC0B5;
    --brass-100:#221B0F;
    --eu:#8AA6EE;
    --line:#2C3B33;
    --line-2:#4F6A5C;
    --shadow:0 1px 2px rgba(0,0,0,.4),0 8px 24px -14px rgba(0,0,0,.7);
  }
:root[data-theme="auto"] /* powierzchnie,
:root[data-theme="auto"] które w jasnym trybie były ciemne,
:root[data-theme="auto"] muszą odciąć się od tła */
  .topbar,
:root[data-theme="auto"] .newsrail,
:root[data-theme="auto"] .opinions,
:root[data-theme="auto"] .footer{background:#070B09}
:root[data-theme="auto"] .navbar{background:var(--green-800)}
:root[data-theme="auto"] .feature{background:#0A1712}
:root[data-theme="auto"] .strip{background:var(--green-800)}
:root[data-theme="auto"] .brief-label{background:var(--green-800)}
:root[data-theme="auto"] /* obraz nie powinien świecić w ciemnym pokoju */
  .card .thumb img,
:root[data-theme="auto"] .figure img,
:root[data-theme="auto"] .feature-media img,
:root[data-theme="auto"] .mega-side img{filter:brightness(.88) contrast(1.02)}
:root[data-theme="auto"] /* nagłówki sekcji i awatary używają ciemnej zieleni jako KOLORU TEKSTU —
     w ciemnym trybie muszą się rozjaśnić,
:root[data-theme="auto"] inaczej znikają */
  .sec-head h2,
:root[data-theme="auto"] .sb h3,
:root[data-theme="auto"] .toc h3,
:root[data-theme="auto"] .duo-head h3,
:root[data-theme="auto"] .rail-head h2,
:root[data-theme="auto"] .digest-col h3,
:root[data-theme="auto"] .fact .n,
:root[data-theme="auto"] .hero-main:hover h2{color:var(--green-500)}
:root[data-theme="auto"] .sec-head h2:hover{color:var(--brass)}
:root[data-theme="auto"] .article-meta .avatar,
:root[data-theme="auto"] .editor .avatar{background:var(--green-800);color:var(--green-500)}
:root[data-theme="auto"] .authorbox .avatar{background:var(--green-700);color:#0B0F0E}
:root[data-theme="auto"] .prose blockquote{color:var(--ink)}
:root[data-theme="auto"] .pager .cur{background:var(--green-700);border-color:var(--green-700);color:#0B0F0E}
:root[data-theme="auto"] .sec-head{border-top-color:var(--green-700)}
:root[data-theme="auto"] .digest{border-top-color:var(--green-700)}
:root[data-theme="auto"] .rail-head,
:root[data-theme="auto"] .bm--masthead .bm-word{border-top-color:var(--green-700)}
:root[data-theme="auto"] .fact{border-top-color:var(--green-700)}
:root[data-theme="auto"] /* sygnet i zaznaczenia */
  .bm-mark,
:root[data-theme="auto"] .bm--tag .bm-mark{background:var(--green-700)}
:root[data-theme="auto"] .bm-mark i{color:#0B0F0E}
:root[data-theme="auto"] .langsw .lsw-on,
:root[data-theme="auto"] .lang[aria-expanded="true"]{color:#0B0F0E}
:root[data-theme="auto"] .lm-code{background:var(--green-100);color:var(--green-500)}
:root[data-theme="auto"] .lm-item.is-on .lm-code{background:var(--green-700);color:#0B0F0E}
:root[data-theme="auto"] .tag{color:#4CB88A}
  :root[data-theme="auto"] .callout .k,:root[data-theme="auto"] .basis .k{color:#4CB88A}
  :root[data-theme="auto"] .searchform input,:root[data-theme="auto"] .sp-form input,:root[data-theme="auto"] input[type=search]{color:var(--ink)}
  :root[data-theme="auto"] .searchform input::placeholder,:root[data-theme="auto"] .sp-form input::placeholder,:root[data-theme="auto"] input[type=search]::placeholder{color:var(--ink-3)}
:root[data-theme="auto"] .tag.eu{background:#16224A}
:root[data-theme="auto"] .tag.brass{background:var(--brass-100)}
:root[data-theme="auto"] .btn-solid{background:var(--green-700);color:#0B0F0E}
:root[data-theme="auto"] .btn-solid:hover{background:var(--green-500)}
:root[data-theme="auto"] .btn-brass{color:#1A1305}
:root[data-theme="auto"] .iconbtn[aria-expanded="true"]{background:var(--green-700);border-color:var(--green-700);color:#0B0F0E}
:root[data-theme="auto"] .prose > p:first-of-type::first-letter,
:root[data-theme="auto"] article .prose > p:first-of-type::first-letter{color:var(--green-500)}
:root[data-theme="auto"] .prose h2{border-top-color:var(--line)}
:root[data-theme="auto"] .prose blockquote{color:var(--ink)}
:root[data-theme="auto"] .nl{background:#3A2C15;border-top-color:#5A4620}
:root[data-theme="auto"] .nl input[type=email]{background:#120F08;border-color:#9B7C3E;color:var(--ink)}
:root[data-theme="auto"] .nl input[type=email]::placeholder{color:#A2906B}
:root[data-theme="auto"] .nl p{color:#DCCFAE}
:root[data-theme="auto"] .nl .consent{color:#B6A480}
:root[data-theme="auto"] .nl .eyebrow{color:#E4BE72}

:root[data-theme="auto"] .searchpanel{background:#070B09}
:root[data-theme="auto"] .logo-stage{background:var(--card);border-color:var(--line)}
:root[data-theme="auto"] .logo-stage.paper{background:var(--paper)}
:root[data-theme="auto"] .formrow input,
:root[data-theme="auto"] .formrow textarea,
:root[data-theme="auto"] .formrow select,
:root[data-theme="auto"] .nl input[type=email]{
    background:var(--paper);color:var(--ink)
  }
:root[data-theme="auto"] .drawer-panel{background:var(--card)}
:root[data-theme="auto"] .drawer-bg{background:rgba(0,0,0,.68)}
}


/* =========================================================
   Korekty po analizie taste-skill
   ========================================================= */

/* Karty w ciemnym motywie: cień jest niewidoczny na ciemnym tle, więc
   uniesienie robi cienka jaśniejsza krawędź u góry, nie rozmycie pod spodem. */
:root[data-theme="dark"] .card,
:root[data-theme="dark"] .sb,
:root[data-theme="dark"] .toc,
:root[data-theme="dark"] .fact,
:root[data-theme="dark"] .formcard{
  box-shadow:inset 0 1px 0 rgba(233,241,235,.055)
}

/* Zdjęcia są już ciemne i stonowane — mocne przygaszenie tylko je zabijało. */
:root[data-theme="dark"] .card .thumb img,
:root[data-theme="dark"] .figure img,
:root[data-theme="dark"] .feature-media img,
:root[data-theme="dark"] .mega-side img{filter:brightness(.94) contrast(1.03)}

/* Pasek nawigacji ma zostać rozpoznawalnie zielony także w ciemnym motywie —
   przy zielonym tle strony rozpływał się w niej całkowicie. */
:root[data-theme="dark"] .navbar{border-bottom:1px solid rgba(76,184,138,.22)}

@media (prefers-color-scheme: dark){
  :root[data-theme="auto"] .card,
  :root[data-theme="auto"] .sb,
  :root[data-theme="auto"] .toc,
  :root[data-theme="auto"] .fact,
  :root[data-theme="auto"] .formcard{
    box-shadow:inset 0 1px 0 rgba(233,241,235,.055)
  }
  :root[data-theme="auto"] .card .thumb img,
  :root[data-theme="auto"] .figure img,
  :root[data-theme="auto"] .feature-media img,
  :root[data-theme="auto"] .mega-side img{filter:brightness(.94) contrast(1.03)}
  :root[data-theme="auto"] .navbar{border-bottom:1px solid rgba(76,184,138,.22)}
}