/* ============================================================
   HALKA: motywy strony (jasny = oryginalny wygląd, ciemny = grafit + turkus)
   Wybór jest w atrybucie <html data-theme="light|dark"> (ustawia go skrypt w index.html,
   przełącznik w nagłówku oraz ustawienie w panelu: „Wersja przy pierwszej wizycie”).
   Kolory marki dla Tailwinda biorą się ze zmiennych --c-* (tailwind.config.js).
   Wszystko, co zaczyna się od html[data-theme=dark], działa tylko w wersji ciemnej.
   ============================================================ */
/* czcionki: ciemna wersja = Poppins, jasna (oryginał) = Inter */
@font-face{font-family:"Poppins";font-weight:400;font-display:swap;src:url("/dark/fonty/Poppins-Regular.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:500;font-display:swap;src:url("/dark/fonty/Poppins-Medium.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:600;font-display:swap;src:url("/dark/fonty/Poppins-SemiBold.woff2") format("woff2")}
@font-face{font-family:"Poppins";font-weight:700 900;font-display:swap;src:url("/dark/fonty/Poppins-Bold.woff2") format("woff2")}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url("/dark/fonty/Inter-latin-ext.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Inter";font-weight:100 900;font-display:swap;src:url("/dark/fonty/Inter-latin.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---------- ZMIENNE: jasny (domyślny) ---------- */
:root{
  --c-bg:248 249 248; --c-teal:38 166 154; --c-gdata:241 243 242; --c-dark:26 26 26; --c-beige:245 240 230;
  --bg:#F8F9F8; --bg0:#1A1A1A; --bg2:#FFFFFF; --bg3:#F1F3F2; --grid:#E9EDEB;
  --ac:#26a69a; --ac-l:#26a69a; --onac:#FFFFFF;
  --ink:#1A1A1A; --ink2:#374151; --mute:#4B5563; --mute2:#6B7280; --mute3:#9CA3AF;
  --line:#E5E7EB; --line2:rgba(38,166,154,.3); --shadow-tag:rgba(0,0,0,.14);
  --halka-font:'Inter',system-ui,sans-serif;
  --loader-bg:#FFFFFF; --tech-label:#A0A0A0; --scroll-track:#F8F9F8;
}
/* ---------- ZMIENNE: ciemny ---------- */
html[data-theme=dark]{
  --c-bg:28 32 36; --c-teal:45 201 168; --c-gdata:35 40 44; --c-dark:26 26 26; --c-beige:35 40 44;
  --bg:#1C2024; --bg0:#14181B; --bg2:#23282C; --bg3:#2A3035; --grid:#242A2F;
  --ac:#2DC9A8; --ac-l:#8FE6D2; --onac:#1C2024;
  --ink:#FFFFFF; --ink2:#E4E8EA; --mute:#C4CACE; --mute2:#8B949A; --mute3:#6B747A;
  --line:#3C4247; --line2:rgba(45,201,168,.3); --shadow-tag:rgba(0,0,0,.4);
  --halka-font:"Poppins",system-ui,sans-serif;
  --loader-bg:#1C2024; --tech-label:#8B949A; --scroll-track:#1C2024;
}
html[data-theme=dark] .tech-label{color:var(--tech-label)}

/* przełączanie logo i innych elementów zależnych od motywu */
html:not([data-theme=dark]) .only-dark{display:none!important}
html[data-theme=dark] .only-light{display:none!important}

html[data-theme=dark]{color-scheme:dark;background:var(--bg)}
html[data-theme=dark] body,
html[data-theme=dark] body.vibe-organic{background:var(--bg)!important;color:var(--ink);font-family:"Poppins",system-ui,sans-serif!important}
html[data-theme=dark] body button,html[data-theme=dark] body input,html[data-theme=dark] body select,html[data-theme=dark] body textarea{font-family:"Poppins",system-ui,sans-serif}
html[data-theme=dark] ::selection{background:var(--ac);color:var(--onac)}
html[data-theme=dark] ::placeholder{color:var(--mute2)!important;opacity:1}

/* ---------- POWIERZCHNIE ---------- */
html[data-theme=dark] body .bg-white,
html[data-theme=dark] body .bg-halka-bg{background-color:var(--bg)!important}
html[data-theme=dark] body .bg-white[class*="rounded"],
html[data-theme=dark] body .bg-white.border,
html[data-theme=dark] body .bg-white.shadow-xl,html[data-theme=dark] body .bg-white.shadow-lg,html[data-theme=dark] body .bg-white.shadow-2xl,html[data-theme=dark] body .bg-white.shadow-sm{background-color:var(--bg2)!important}
html[data-theme=dark] body .bg-gray-50,html[data-theme=dark] body .bg-gray-50\/50,html[data-theme=dark] body .bg-gray-50\/30,html[data-theme=dark] body .bg-gray-data{background-color:var(--bg2)!important}
html[data-theme=dark] body .bg-warm-beige{background-color:var(--bg2)!important}
html[data-theme=dark] body .bg-gray-100{background-color:var(--bg3)!important}
html[data-theme=dark] body .bg-gray-200{background-color:var(--line)!important}
html[data-theme=dark] body .bg-gray-300{background-color:#4B5359!important}
html[data-theme=dark] body .bg-gray-400,html[data-theme=dark] body .bg-gray-500{background-color:var(--mute3)!important}
html[data-theme=dark] body .bg-white\/90,html[data-theme=dark] body .bg-white\/95,html[data-theme=dark] body .bg-white\/80{background-color:rgba(28,32,36,.92)!important}
html[data-theme=dark] body .bg-white\/50,html[data-theme=dark] body .bg-white\/30,html[data-theme=dark] body .bg-white\/20{background-color:rgba(255,255,255,.06)!important}
html[data-theme=dark] body .hover\:bg-white:hover{background-color:var(--bg3)!important}
html[data-theme=dark] body .hover\:bg-gray-50:hover,html[data-theme=dark] body .hover\:bg-gray-50\/50:hover{background-color:var(--bg3)!important}
html[data-theme=dark] body .hover\:bg-gray-100:hover{background-color:#323940!important}
html[data-theme=dark] body .hover\:bg-gray-200:hover{background-color:#3A4147!important}
html[data-theme=dark] body .focus\:bg-white:focus{background-color:var(--bg3)!important}
html[data-theme=dark] body .from-white{--tw-gradient-from:var(--bg) var(--tw-gradient-from-position)!important;--tw-gradient-to:rgba(28,32,36,0) var(--tw-gradient-to-position)!important}
html[data-theme=dark] body .via-white\/95{--tw-gradient-stops:var(--tw-gradient-from),rgba(28,32,36,.95),var(--tw-gradient-to)!important}

/* ciemne panele (dawniej grafitowe sekcje) – ciemniejsze niż tło strony, żeby się odcinały */
html[data-theme=dark] body div.bg-dark-halka,html[data-theme=dark] body section.bg-dark-halka,html[data-theme=dark] body footer.bg-dark-halka,
html[data-theme=dark] body aside.bg-dark-halka,html[data-theme=dark] body header.bg-dark-halka,html[data-theme=dark] body nav.bg-dark-halka{background-color:var(--bg0)!important;border-color:var(--line)}
html[data-theme=dark] body .bg-slate-900,html[data-theme=dark] body .bg-slate-950,html[data-theme=dark] body .bg-gray-900,html[data-theme=dark] body .bg-black{background-color:var(--bg0)!important}
html[data-theme=dark] body .bg-slate-800,html[data-theme=dark] body .bg-gray-800{background-color:var(--bg3)!important}
html[data-theme=dark] body .border-slate-800,html[data-theme=dark] body .border-slate-700,html[data-theme=dark] body .border-slate-900{border-color:var(--line)!important}

/* przyciski i znaczniki w kolorze dawnego grafitu -> turkus z ciemnym tekstem */
html[data-theme=dark] body a.bg-dark-halka,html[data-theme=dark] body button.bg-dark-halka,html[data-theme=dark] body label.bg-dark-halka{background-color:var(--ac)!important;color:var(--onac)!important;box-shadow:none}
html[data-theme=dark] body a.bg-dark-halka *,html[data-theme=dark] body button.bg-dark-halka *{color:inherit}
html[data-theme=dark] body a.bg-dark-halka:hover,html[data-theme=dark] body button.bg-dark-halka:hover{background-color:var(--ac-l)!important}
html[data-theme=dark] body span.bg-dark-halka,html[data-theme=dark] body p.bg-dark-halka{background:rgba(45,201,168,.1)!important;color:var(--ac-l)!important;border:1px solid var(--line2)}
html[data-theme=dark] body .hover\:bg-dark-halka:hover,html[data-theme=dark] body .group:hover .group-hover\:bg-dark-halka{background-color:var(--ac)!important;color:var(--onac)!important}
html[data-theme=dark] body .hover\:bg-dark-halka:hover *{color:inherit}
html[data-theme=dark] body .bg-dark-halka\/80,html[data-theme=dark] body .bg-dark-halka\/90,html[data-theme=dark] body .bg-dark-halka\/95,html[data-theme=dark] body .bg-dark-halka\/70,html[data-theme=dark] body .bg-dark-halka\/60{background-color:rgba(20,24,27,.9)!important}
html[data-theme=dark] body .bg-dark-halka\/5{background-color:rgba(255,255,255,.04)!important}
/* wypełnione turkusem: ciemny tekst jak na podglądzie */
html[data-theme=dark] body .bg-teal-halka.text-white,html[data-theme=dark] body .bg-teal-halka .text-white,
html[data-theme=dark] body .bg-teal-halka .text-white\/60,html[data-theme=dark] body .bg-teal-halka .text-white\/70,html[data-theme=dark] body .bg-teal-halka .text-white\/80,
html[data-theme=dark] body .bg-teal-halka .text-white\/50{color:var(--onac)!important}
html[data-theme=dark] body .hover\:bg-teal-halka:hover{color:var(--onac)!important}
html[data-theme=dark] body .hover\:bg-teal-halka:hover *{color:inherit}
html[data-theme=dark] body .group:hover .group-hover\:bg-teal-halka{color:var(--onac)!important}

/* ---------- OBRAMOWANIA ---------- */
html[data-theme=dark] body .border-gray-50,html[data-theme=dark] body .border-gray-100,html[data-theme=dark] body .border-gray-200,html[data-theme=dark] body .border-gray-300,
html[data-theme=dark] body .border-gray-200\/50,html[data-theme=dark] body .border-black\/5,
html[data-theme=dark] body .divide-gray-50>:not([hidden])~:not([hidden]),html[data-theme=dark] body .divide-gray-100>:not([hidden])~:not([hidden]){border-color:var(--line)!important}
html[data-theme=dark] body .hover\:border-gray-200:hover,html[data-theme=dark] body .hover\:border-gray-300:hover,html[data-theme=dark] body .hover\:border-gray-100:hover{border-color:var(--mute3)!important}
html[data-theme=dark] body .border-dark-halka{border-color:var(--mute2)!important}
html[data-theme=dark] body .hover\:border-dark-halka:hover{border-color:var(--ac)!important}
html[data-theme=dark] body hr{border-color:var(--line)}

/* ---------- TEKST ---------- */
html[data-theme=dark] body.text-dark-halka{color:var(--ink)!important}
html[data-theme=dark] body .text-dark-halka,html[data-theme=dark] body .text-black,html[data-theme=dark] body .text-gray-900,html[data-theme=dark] body .text-gray-800,html[data-theme=dark] body .text-slate-900{color:var(--ink)!important}
html[data-theme=dark] body .text-gray-700,html[data-theme=dark] body .text-slate-700,html[data-theme=dark] body .text-slate-800{color:var(--ink2)!important}
html[data-theme=dark] body .text-gray-600,html[data-theme=dark] body .text-slate-600{color:var(--mute)!important}
html[data-theme=dark] body .text-gray-500,html[data-theme=dark] body .text-slate-500{color:#AEB6BB!important}
html[data-theme=dark] body .text-gray-400,html[data-theme=dark] body .text-slate-400{color:var(--mute2)!important}
html[data-theme=dark] body .text-gray-300{color:var(--mute3)!important}
html[data-theme=dark] body .text-gray-200,html[data-theme=dark] body .text-gray-100{color:#4B5359!important}
html[data-theme=dark] body .hover\:text-dark-halka:hover,html[data-theme=dark] body .hover\:text-gray-600:hover,html[data-theme=dark] body .hover\:text-gray-500:hover{color:var(--ac-l)!important}
html[data-theme=dark] body .group:hover .group-hover\:text-gray-300{color:var(--mute)!important}
html[data-theme=dark] body .bg-dark-halka .text-gray-300,html[data-theme=dark] body .bg-dark-halka .text-gray-400,html[data-theme=dark] body .bg-dark-halka .text-gray-500{color:var(--mute2)!important}
html[data-theme=dark] body .bg-dark-halka .text-gray-200{color:var(--mute)!important}
html[data-theme=dark] body .bg-teal-halka .text-gray-400,html[data-theme=dark] body .bg-teal-halka .text-gray-300{color:rgba(28,32,36,.7)!important}

/* ---------- FORMULARZE ---------- */
html[data-theme=dark] body input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]),html[data-theme=dark] body select,html[data-theme=dark] body textarea{color:var(--ink);caret-color:var(--ac)}
html[data-theme=dark] body input.bg-white,html[data-theme=dark] body select.bg-white,html[data-theme=dark] body textarea.bg-white,
html[data-theme=dark] body input.bg-gray-50,html[data-theme=dark] body select.bg-gray-50,html[data-theme=dark] body textarea.bg-gray-50{background-color:var(--bg3)!important;border-color:var(--line)!important}
html[data-theme=dark] body input:focus,html[data-theme=dark] body select:focus,html[data-theme=dark] body textarea:focus{outline-color:var(--ac)}
html[data-theme=dark] body select option{background:var(--bg2);color:var(--ink)}
html[data-theme=dark] body .ring-teal-halka\/20{--tw-ring-color:rgba(45,201,168,.28)!important}
html[data-theme=dark] body .accent-teal-halka{accent-color:var(--ac)}

/* ---------- CIENIE ---------- */
html[data-theme=dark] body .shadow-xl,html[data-theme=dark] body .shadow-2xl,html[data-theme=dark] body .shadow-lg,html[data-theme=dark] body .shadow-md,html[data-theme=dark] body .shadow-sm,html[data-theme=dark] body .shadow{--tw-shadow-color:rgba(0,0,0,.5)}
html[data-theme=dark] body .shadow-xl,html[data-theme=dark] body .shadow-2xl{box-shadow:0 18px 40px rgba(0,0,0,.4)!important}
html[data-theme=dark] body .shadow-lg{box-shadow:0 12px 28px rgba(0,0,0,.35)!important}

/* ---------- HERO (strona główna) ---------- */
html[data-theme=dark] body section[class*="min-h-[30vh]"]{
  background-color:var(--bg)!important;
  background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);
  background-size:54px 54px;
  padding-top:4.5rem!important;padding-bottom:3.5rem!important;min-height:560px;
}
@media(min-width:768px){html[data-theme=dark] body section[class*="min-h-[30vh]"]{padding-top:5.5rem!important;padding-bottom:5rem!important}}
html[data-theme=dark] body section[class*="min-h-[30vh]"]>.absolute.inset-0{background:radial-gradient(60% 70% at 78% 45%,rgba(45,201,168,.12),transparent 70%)!important}
html[data-theme=dark] body section[class*="min-h-[30vh]"] h1{font-size:clamp(2.2rem,5.6vw,4.4rem);line-height:.98;letter-spacing:-.025em;font-weight:700}
html[data-theme=dark] body section[class*="min-h-[30vh]"] h1 .text-gray-200{color:var(--mute3)!important}
html[data-theme=dark] body section[class*="min-h-[30vh]"] p.text-gray-500{color:var(--mute)!important;font-size:1rem;line-height:1.75;max-width:34rem}

.dk-hero-visual{display:block!important;--d:min(430px,80vw);margin-top:5.5rem}
.dk-hero-photo{position:relative;width:var(--d);height:var(--d);margin:0 auto}
.dk-hero-circle{position:absolute;inset:0;border-radius:50%;background:var(--ac)}
.dk-hero-marta{
  position:absolute;left:0;bottom:0;width:100%;height:calc(var(--d)*1.2);object-fit:contain;object-position:50% 100%;
  -webkit-mask-image:linear-gradient(#000,#000),radial-gradient(circle calc(var(--d)/2) at 50% calc(var(--d)*.82),#000 calc(var(--d)/2 - 1px),transparent calc(var(--d)/2));
  -webkit-mask-size:100% calc(var(--d)*.82),100% 100%;-webkit-mask-position:top,0 0;-webkit-mask-repeat:no-repeat;
          mask-image:linear-gradient(#000,#000),radial-gradient(circle calc(var(--d)/2) at 50% calc(var(--d)*.82),#000 calc(var(--d)/2 - 1px),transparent calc(var(--d)/2));
          mask-size:100% calc(var(--d)*.82),100% 100%;mask-position:top,0 0;mask-repeat:no-repeat;
}
.dk-hero-visual>.absolute.z-20{left:0;bottom:2.2rem}
.dk-hero-tag{position:absolute;left:-12px;bottom:34px;z-index:3;background:var(--bg2);border:1px solid var(--line);border-radius:14px;padding:12px 18px;box-shadow:0 14px 34px var(--shadow-tag);display:grid;gap:2px}
.dk-hero-tag b{font-size:15px;font-weight:700;color:var(--ink);line-height:1.2}
.dk-hero-tag span{font-size:10.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ac-l);line-height:1.3}
@media(max-width:640px){.dk-hero-tag{left:0;bottom:12px;padding:9px 13px}.dk-hero-tag b{font-size:13px}.dk-hero-tag span{font-size:9px}}
@media(min-width:768px){.dk-hero-visual{margin-top:0}}

/* ---------- NAWIGACJA / STOPKA ---------- */
.dk-logo{height:38px;width:auto;display:block}
.dk-logo-foot{height:46px}
html[data-theme=dark] body header{background-color:rgba(28,32,36,.92)!important;border-color:var(--line)!important;backdrop-filter:blur(10px)}
html[data-theme=dark] body footer{background-color:var(--bg0)!important;border-top:1px solid var(--line)}

/* ---------- MAPY (Leaflet) – ciemne kafelki ---------- */
html[data-theme=dark] body .leaflet-tile-pane{filter:invert(1) hue-rotate(180deg) brightness(1.12) contrast(.82) saturate(.5)}
html[data-theme=dark] body .leaflet-container{background:#20262A!important}
html[data-theme=dark] body .leaflet-popup-content-wrapper,html[data-theme=dark] body .leaflet-popup-tip{background:var(--bg2)!important;color:var(--ink)!important;box-shadow:0 10px 30px rgba(0,0,0,.5)}
html[data-theme=dark] body .leaflet-control-zoom a,html[data-theme=dark] body .leaflet-bar a{background:var(--bg2)!important;color:var(--ink)!important;border-color:var(--line)!important}
html[data-theme=dark] body .leaflet-control-attribution{background:rgba(28,32,36,.8)!important;color:var(--mute2)!important}
html[data-theme=dark] body .leaflet-control-attribution a{color:var(--ac-l)!important}

/* ---------- TREŚĆ PORADNIKÓW (index.html ma na sztywno ciemne kolory) ---------- */
html[data-theme=dark] body .guide-content,html[data-theme=dark] body .guide-preview{color:var(--mute)}
html[data-theme=dark] body .guide-content b,html[data-theme=dark] body .guide-preview b,
html[data-theme=dark] body .guide-content h2,html[data-theme=dark] body .guide-preview h2,
html[data-theme=dark] body .guide-content h3,html[data-theme=dark] body .guide-preview h3{color:var(--ink)!important}
html[data-theme=dark] body .guide-content h2,html[data-theme=dark] body .guide-preview h2{border-bottom-color:var(--ac)!important}


/* ---------- KOLOROWE (ostrzeżenia, statusy) – pastele -> przyciemnione ---------- */
html[data-theme=dark] body .bg-amber-50,html[data-theme=dark] body .hover\:bg-amber-50:hover,html[data-theme=dark] body .bg-amber-50\/30{background-color:rgba(245,158,11,.10)!important}
html[data-theme=dark] body .bg-amber-100,html[data-theme=dark] body .hover\:bg-amber-100:hover{background-color:rgba(245,158,11,.17)!important}
html[data-theme=dark] body .bg-amber-200,html[data-theme=dark] body .hover\:bg-amber-200:hover{background-color:rgba(245,158,11,.28)!important}
html[data-theme=dark] body .border-amber-100{border-color:rgba(245,158,11,.25)!important}
html[data-theme=dark] body .border-amber-200{border-color:rgba(245,158,11,.35)!important}
html[data-theme=dark] body .border-amber-300{border-color:rgba(245,158,11,.45)!important}
html[data-theme=dark] body .text-amber-600,html[data-theme=dark] body .text-amber-700,html[data-theme=dark] body .text-amber-800,html[data-theme=dark] body .text-amber-900{color:#FBBF24!important}
html[data-theme=dark] body .bg-red-50,html[data-theme=dark] body .hover\:bg-red-50:hover,html[data-theme=dark] body .bg-red-50\/30{background-color:rgba(239,68,68,.10)!important}
html[data-theme=dark] body .bg-red-100,html[data-theme=dark] body .hover\:bg-red-100:hover{background-color:rgba(239,68,68,.17)!important}
html[data-theme=dark] body .bg-red-200,html[data-theme=dark] body .hover\:bg-red-200:hover{background-color:rgba(239,68,68,.28)!important}
html[data-theme=dark] body .border-red-100{border-color:rgba(239,68,68,.25)!important}
html[data-theme=dark] body .border-red-200{border-color:rgba(239,68,68,.35)!important}
html[data-theme=dark] body .border-red-300{border-color:rgba(239,68,68,.45)!important}
html[data-theme=dark] body .text-red-600,html[data-theme=dark] body .text-red-700,html[data-theme=dark] body .text-red-800,html[data-theme=dark] body .text-red-900{color:#F87171!important}
html[data-theme=dark] body .bg-blue-50,html[data-theme=dark] body .hover\:bg-blue-50:hover,html[data-theme=dark] body .bg-blue-50\/30{background-color:rgba(59,130,246,.10)!important}
html[data-theme=dark] body .bg-blue-100,html[data-theme=dark] body .hover\:bg-blue-100:hover{background-color:rgba(59,130,246,.17)!important}
html[data-theme=dark] body .bg-blue-200,html[data-theme=dark] body .hover\:bg-blue-200:hover{background-color:rgba(59,130,246,.28)!important}
html[data-theme=dark] body .border-blue-100{border-color:rgba(59,130,246,.25)!important}
html[data-theme=dark] body .border-blue-200{border-color:rgba(59,130,246,.35)!important}
html[data-theme=dark] body .border-blue-300{border-color:rgba(59,130,246,.45)!important}
html[data-theme=dark] body .text-blue-600,html[data-theme=dark] body .text-blue-700,html[data-theme=dark] body .text-blue-800,html[data-theme=dark] body .text-blue-900{color:#60A5FA!important}
html[data-theme=dark] body .bg-green-50,html[data-theme=dark] body .hover\:bg-green-50:hover,html[data-theme=dark] body .bg-green-50\/30{background-color:rgba(34,197,94,.10)!important}
html[data-theme=dark] body .bg-green-100,html[data-theme=dark] body .hover\:bg-green-100:hover{background-color:rgba(34,197,94,.17)!important}
html[data-theme=dark] body .bg-green-200,html[data-theme=dark] body .hover\:bg-green-200:hover{background-color:rgba(34,197,94,.28)!important}
html[data-theme=dark] body .border-green-100{border-color:rgba(34,197,94,.25)!important}
html[data-theme=dark] body .border-green-200{border-color:rgba(34,197,94,.35)!important}
html[data-theme=dark] body .border-green-300{border-color:rgba(34,197,94,.45)!important}
html[data-theme=dark] body .text-green-600,html[data-theme=dark] body .text-green-700,html[data-theme=dark] body .text-green-800,html[data-theme=dark] body .text-green-900{color:#4ADE80!important}
html[data-theme=dark] body .bg-emerald-50,html[data-theme=dark] body .hover\:bg-emerald-50:hover,html[data-theme=dark] body .bg-emerald-50\/30{background-color:rgba(16,185,129,.10)!important}
html[data-theme=dark] body .bg-emerald-100,html[data-theme=dark] body .hover\:bg-emerald-100:hover{background-color:rgba(16,185,129,.17)!important}
html[data-theme=dark] body .bg-emerald-200,html[data-theme=dark] body .hover\:bg-emerald-200:hover{background-color:rgba(16,185,129,.28)!important}
html[data-theme=dark] body .border-emerald-100{border-color:rgba(16,185,129,.25)!important}
html[data-theme=dark] body .border-emerald-200{border-color:rgba(16,185,129,.35)!important}
html[data-theme=dark] body .border-emerald-300{border-color:rgba(16,185,129,.45)!important}
html[data-theme=dark] body .text-emerald-600,html[data-theme=dark] body .text-emerald-700,html[data-theme=dark] body .text-emerald-800,html[data-theme=dark] body .text-emerald-900{color:#34D399!important}
html[data-theme=dark] body .bg-teal-50,html[data-theme=dark] body .hover\:bg-teal-50:hover,html[data-theme=dark] body .bg-teal-50\/30{background-color:rgba(45,201,168,.10)!important}
html[data-theme=dark] body .bg-teal-100,html[data-theme=dark] body .hover\:bg-teal-100:hover{background-color:rgba(45,201,168,.17)!important}
html[data-theme=dark] body .bg-teal-200,html[data-theme=dark] body .hover\:bg-teal-200:hover{background-color:rgba(45,201,168,.28)!important}
html[data-theme=dark] body .border-teal-100{border-color:rgba(45,201,168,.25)!important}
html[data-theme=dark] body .border-teal-200{border-color:rgba(45,201,168,.35)!important}
html[data-theme=dark] body .border-teal-300{border-color:rgba(45,201,168,.45)!important}
html[data-theme=dark] body .text-teal-600,html[data-theme=dark] body .text-teal-700,html[data-theme=dark] body .text-teal-800,html[data-theme=dark] body .text-teal-900{color:#8FE6D2!important}
html[data-theme=dark] body .bg-purple-50,html[data-theme=dark] body .hover\:bg-purple-50:hover,html[data-theme=dark] body .bg-purple-50\/30{background-color:rgba(168,85,247,.10)!important}
html[data-theme=dark] body .bg-purple-100,html[data-theme=dark] body .hover\:bg-purple-100:hover{background-color:rgba(168,85,247,.17)!important}
html[data-theme=dark] body .bg-purple-200,html[data-theme=dark] body .hover\:bg-purple-200:hover{background-color:rgba(168,85,247,.28)!important}
html[data-theme=dark] body .border-purple-100{border-color:rgba(168,85,247,.25)!important}
html[data-theme=dark] body .border-purple-200{border-color:rgba(168,85,247,.35)!important}
html[data-theme=dark] body .border-purple-300{border-color:rgba(168,85,247,.45)!important}
html[data-theme=dark] body .text-purple-600,html[data-theme=dark] body .text-purple-700,html[data-theme=dark] body .text-purple-800,html[data-theme=dark] body .text-purple-900{color:#C084FC!important}
html[data-theme=dark] body .bg-orange-50,html[data-theme=dark] body .hover\:bg-orange-50:hover,html[data-theme=dark] body .bg-orange-50\/30{background-color:rgba(249,115,22,.10)!important}
html[data-theme=dark] body .bg-orange-100,html[data-theme=dark] body .hover\:bg-orange-100:hover{background-color:rgba(249,115,22,.17)!important}
html[data-theme=dark] body .bg-orange-200,html[data-theme=dark] body .hover\:bg-orange-200:hover{background-color:rgba(249,115,22,.28)!important}
html[data-theme=dark] body .border-orange-100{border-color:rgba(249,115,22,.25)!important}
html[data-theme=dark] body .border-orange-200{border-color:rgba(249,115,22,.35)!important}
html[data-theme=dark] body .border-orange-300{border-color:rgba(249,115,22,.45)!important}
html[data-theme=dark] body .text-orange-600,html[data-theme=dark] body .text-orange-700,html[data-theme=dark] body .text-orange-800,html[data-theme=dark] body .text-orange-900{color:#FB923C!important}
html[data-theme=dark] body .bg-indigo-50,html[data-theme=dark] body .hover\:bg-indigo-50:hover,html[data-theme=dark] body .bg-indigo-50\/30{background-color:rgba(99,102,241,.10)!important}
html[data-theme=dark] body .bg-indigo-100,html[data-theme=dark] body .hover\:bg-indigo-100:hover{background-color:rgba(99,102,241,.17)!important}
html[data-theme=dark] body .bg-indigo-200,html[data-theme=dark] body .hover\:bg-indigo-200:hover{background-color:rgba(99,102,241,.28)!important}
html[data-theme=dark] body .border-indigo-100{border-color:rgba(99,102,241,.25)!important}
html[data-theme=dark] body .border-indigo-200{border-color:rgba(99,102,241,.35)!important}
html[data-theme=dark] body .border-indigo-300{border-color:rgba(99,102,241,.45)!important}
html[data-theme=dark] body .text-indigo-600,html[data-theme=dark] body .text-indigo-700,html[data-theme=dark] body .text-indigo-800,html[data-theme=dark] body .text-indigo-900{color:#818CF8!important}
html[data-theme=dark] body .bg-yellow-50,html[data-theme=dark] body .hover\:bg-yellow-50:hover,html[data-theme=dark] body .bg-yellow-50\/30{background-color:rgba(234,179,8,.10)!important}
html[data-theme=dark] body .bg-yellow-100,html[data-theme=dark] body .hover\:bg-yellow-100:hover{background-color:rgba(234,179,8,.17)!important}
html[data-theme=dark] body .bg-yellow-200,html[data-theme=dark] body .hover\:bg-yellow-200:hover{background-color:rgba(234,179,8,.28)!important}
html[data-theme=dark] body .border-yellow-100{border-color:rgba(234,179,8,.25)!important}
html[data-theme=dark] body .border-yellow-200{border-color:rgba(234,179,8,.35)!important}
html[data-theme=dark] body .border-yellow-300{border-color:rgba(234,179,8,.45)!important}
html[data-theme=dark] body .text-yellow-600,html[data-theme=dark] body .text-yellow-700,html[data-theme=dark] body .text-yellow-800,html[data-theme=dark] body .text-yellow-900{color:#FACC15!important}
html[data-theme=dark] body .bg-rose-50,html[data-theme=dark] body .hover\:bg-rose-50:hover,html[data-theme=dark] body .bg-rose-50\/30{background-color:rgba(244,63,94,.10)!important}
html[data-theme=dark] body .bg-rose-100,html[data-theme=dark] body .hover\:bg-rose-100:hover{background-color:rgba(244,63,94,.17)!important}
html[data-theme=dark] body .bg-rose-200,html[data-theme=dark] body .hover\:bg-rose-200:hover{background-color:rgba(244,63,94,.28)!important}
html[data-theme=dark] body .border-rose-100{border-color:rgba(244,63,94,.25)!important}
html[data-theme=dark] body .border-rose-200{border-color:rgba(244,63,94,.35)!important}
html[data-theme=dark] body .border-rose-300{border-color:rgba(244,63,94,.45)!important}
html[data-theme=dark] body .text-rose-600,html[data-theme=dark] body .text-rose-700,html[data-theme=dark] body .text-rose-800,html[data-theme=dark] body .text-rose-900{color:#FB7185!important}
html[data-theme=dark] body .bg-pink-50,html[data-theme=dark] body .hover\:bg-pink-50:hover,html[data-theme=dark] body .bg-pink-50\/30{background-color:rgba(236,72,153,.10)!important}
html[data-theme=dark] body .bg-pink-100,html[data-theme=dark] body .hover\:bg-pink-100:hover{background-color:rgba(236,72,153,.17)!important}
html[data-theme=dark] body .bg-pink-200,html[data-theme=dark] body .hover\:bg-pink-200:hover{background-color:rgba(236,72,153,.28)!important}
html[data-theme=dark] body .border-pink-100{border-color:rgba(236,72,153,.25)!important}
html[data-theme=dark] body .border-pink-200{border-color:rgba(236,72,153,.35)!important}
html[data-theme=dark] body .border-pink-300{border-color:rgba(236,72,153,.45)!important}
html[data-theme=dark] body .text-pink-600,html[data-theme=dark] body .text-pink-700,html[data-theme=dark] body .text-pink-800,html[data-theme=dark] body .text-pink-900{color:#F472B6!important}
html[data-theme=dark] body .bg-sky-50,html[data-theme=dark] body .hover\:bg-sky-50:hover,html[data-theme=dark] body .bg-sky-50\/30{background-color:rgba(14,165,233,.10)!important}
html[data-theme=dark] body .bg-sky-100,html[data-theme=dark] body .hover\:bg-sky-100:hover{background-color:rgba(14,165,233,.17)!important}
html[data-theme=dark] body .bg-sky-200,html[data-theme=dark] body .hover\:bg-sky-200:hover{background-color:rgba(14,165,233,.28)!important}
html[data-theme=dark] body .border-sky-100{border-color:rgba(14,165,233,.25)!important}
html[data-theme=dark] body .border-sky-200{border-color:rgba(14,165,233,.35)!important}
html[data-theme=dark] body .border-sky-300{border-color:rgba(14,165,233,.45)!important}
html[data-theme=dark] body .text-sky-600,html[data-theme=dark] body .text-sky-700,html[data-theme=dark] body .text-sky-800,html[data-theme=dark] body .text-sky-900{color:#38BDF8!important}
html[data-theme=dark] body .bg-cyan-50,html[data-theme=dark] body .hover\:bg-cyan-50:hover,html[data-theme=dark] body .bg-cyan-50\/30{background-color:rgba(6,182,212,.10)!important}
html[data-theme=dark] body .bg-cyan-100,html[data-theme=dark] body .hover\:bg-cyan-100:hover{background-color:rgba(6,182,212,.17)!important}
html[data-theme=dark] body .bg-cyan-200,html[data-theme=dark] body .hover\:bg-cyan-200:hover{background-color:rgba(6,182,212,.28)!important}
html[data-theme=dark] body .border-cyan-100{border-color:rgba(6,182,212,.25)!important}
html[data-theme=dark] body .border-cyan-200{border-color:rgba(6,182,212,.35)!important}
html[data-theme=dark] body .border-cyan-300{border-color:rgba(6,182,212,.45)!important}
html[data-theme=dark] body .text-cyan-600,html[data-theme=dark] body .text-cyan-700,html[data-theme=dark] body .text-cyan-800,html[data-theme=dark] body .text-cyan-900{color:#22D3EE!important}
html[data-theme=dark] body .bg-violet-50,html[data-theme=dark] body .hover\:bg-violet-50:hover,html[data-theme=dark] body .bg-violet-50\/30{background-color:rgba(139,92,246,.10)!important}
html[data-theme=dark] body .bg-violet-100,html[data-theme=dark] body .hover\:bg-violet-100:hover{background-color:rgba(139,92,246,.17)!important}
html[data-theme=dark] body .bg-violet-200,html[data-theme=dark] body .hover\:bg-violet-200:hover{background-color:rgba(139,92,246,.28)!important}
html[data-theme=dark] body .border-violet-100{border-color:rgba(139,92,246,.25)!important}
html[data-theme=dark] body .border-violet-200{border-color:rgba(139,92,246,.35)!important}
html[data-theme=dark] body .border-violet-300{border-color:rgba(139,92,246,.45)!important}
html[data-theme=dark] body .text-violet-600,html[data-theme=dark] body .text-violet-700,html[data-theme=dark] body .text-violet-800,html[data-theme=dark] body .text-violet-900{color:#A78BFA!important}
html[data-theme=dark] body .bg-lime-50,html[data-theme=dark] body .hover\:bg-lime-50:hover,html[data-theme=dark] body .bg-lime-50\/30{background-color:rgba(132,204,22,.10)!important}
html[data-theme=dark] body .bg-lime-100,html[data-theme=dark] body .hover\:bg-lime-100:hover{background-color:rgba(132,204,22,.17)!important}
html[data-theme=dark] body .bg-lime-200,html[data-theme=dark] body .hover\:bg-lime-200:hover{background-color:rgba(132,204,22,.28)!important}
html[data-theme=dark] body .border-lime-100{border-color:rgba(132,204,22,.25)!important}
html[data-theme=dark] body .border-lime-200{border-color:rgba(132,204,22,.35)!important}
html[data-theme=dark] body .border-lime-300{border-color:rgba(132,204,22,.45)!important}
html[data-theme=dark] body .text-lime-600,html[data-theme=dark] body .text-lime-700,html[data-theme=dark] body .text-lime-800,html[data-theme=dark] body .text-lime-900{color:#A3E635!important}

/* numerowane kółka kroków itp. */
html[data-theme=dark] body div.bg-dark-halka[class*="rounded-"][class*="w-"]{background-color:var(--bg3)!important;border:1px solid var(--line)}

/* ---------- PASKI PRZEWIJANIA ---------- */
html[data-theme=dark] *{scrollbar-color:#3C4247 #1C2024}


/* ---------- JASNY: drobne różnice względem oryginału ---------- */
html:not([data-theme=dark]) .dk-hero-tag span{color:var(--ac)}
html:not([data-theme=dark]) .dk-hero-circle{background:var(--ac)}