/* Fundacja AK-BUD Bo Warto – motyw ciemny (ciepła paleta zgodna z jasną wersją) */
[data-theme="dark"] {
  --fun-bg: #14110f;
  --fun-bg-2: #1a1613;
  --fun-surface: #221d19;
  --fun-border: rgba(244, 198, 157, .16);
  --fun-text: #f4ede7;
  --fun-muted: #b9ada3;
  --fun-green: #4cc7ad;
  --fun-peach: #f4c69d;
}

[data-theme="dark"] body { background: var(--fun-bg); color: var(--fun-text); }

/* tła sekcji (jasne beże i białe → ciepłe ciemne) */
[data-theme="dark"] .bg-bez,
[data-theme="dark"] .yellow-bg,
[data-theme="dark"] .bg-light,
[data-theme="dark"] .bg-white,
[data-theme="dark"] .dark\:bg-gray-900,
[data-theme="dark"] .dark\:bg-gray-800 { background-color: var(--fun-bg) !important; }
[data-theme="dark"] #pomoc,
[data-theme="dark"] #wydarzenia { background-color: var(--fun-bg-2) !important; }

/* hero z ilustracją – lekkie przyciemnienie */
[data-theme="dark"] .bg-hands { box-shadow: inset 0 0 0 100vmax rgba(20, 17, 15, .32); }

/* teksty */
[data-theme="dark"] .tightSection,
[data-theme="dark"] section h1, [data-theme="dark"] section h2, [data-theme="dark"] section h3,
[data-theme="dark"] .text-gray-900, [data-theme="dark"] .text-black,
[data-theme="dark"] .carousel__header,
[data-theme="dark"] .H1TextContact,
[data-theme="dark"] .font-medium-h2 { color: var(--fun-text) !important; }
[data-theme="dark"] section .container .card .content p,
[data-theme="dark"] .text-gray-500, [data-theme="dark"] .grey,
[data-theme="dark"] .text-08em, [data-theme="dark"] .text-flex p,
[data-theme="dark"] .wrap-balance, [data-theme="dark"] .text-black-500,
[data-theme="dark"] .leftBottomContact h4,
[data-theme="dark"] .fun-adres { color: var(--fun-muted) !important; }
[data-theme="dark"] .fun-adres strong { color: var(--fun-text); }
[data-theme="dark"] .fun-adres a:hover { color: var(--fun-green); }
[data-theme="dark"] .border-gray-200 { border-color: var(--fun-border) !important; }

/* karty „Czym się zajmujemy” i wydarzeń – wycięcie narożnika musi mieć kolor tła sekcji */
[data-theme="dark"] .card-inner { --clr: var(--fun-bg) !important; }
[data-theme="dark"] section .container .card-inner .box { background: var(--fun-bg); }
[data-theme="dark"] .card-inner .box .icon::before { box-shadow: 0.313rem 0.313rem 0 0.313rem var(--fun-bg) !important; }
[data-theme="dark"] #wydarzenia .card-inner { --clr: var(--fun-bg-2) !important; }
[data-theme="dark"] #wydarzenia .card-inner .box { background: var(--fun-bg-2); }
[data-theme="dark"] #wydarzenia .card-inner .box .icon::before { box-shadow: 0.313rem 0.313rem 0 0.313rem var(--fun-bg-2) !important; }

/* kafelki „Jak pomagamy” */
[data-theme="dark"] .ofert div { background: var(--fun-surface); border-color: rgba(244, 199, 159, .35); }

/* przyciski */

/* baner KRS (grafika) – zaokrąglona karta na ciemnym tle */
[data-theme="dark"] .banerKRS { padding: 24px 16px; }
[data-theme="dark"] .banerKRS img { border-radius: 24px; }

/* strzałki karuzeli */
[data-theme="dark"] .carousel__nav__item { color: var(--fun-text); border-color: var(--fun-border); background: var(--fun-surface); }

/* formularz */
[data-theme="dark"] .input-group input,
[data-theme="dark"] .input-group textarea { color: var(--fun-text); border-color: rgba(255, 255, 255, .35); background: transparent; }
[data-theme="dark"] .input-group label { color: var(--fun-muted); }
[data-theme="dark"] .input-group textarea:focus ~ label, [data-theme="dark"] .input-group textarea:valid ~ label,
[data-theme="dark"] .input-group input:focus ~ label, [data-theme="dark"] .input-group input:valid ~ label { background: var(--fun-bg); color: var(--fun-peach); }
[data-theme="dark"] .fiveInput p { color: var(--fun-muted) !important; }

/* okna popup (opisy działań i wydarzeń) */
[data-theme="dark"] .popup-contentTop { background-color: var(--fun-surface); color: var(--fun-text); }
[data-theme="dark"] .popup-contentTop h2, [data-theme="dark"] .popup-contentTop h1, [data-theme="dark"] #popup-title { color: var(--fun-text); }
[data-theme="dark"] .contentPopTop h4, [data-theme="dark"] .contentPopTop p, [data-theme="dark"] .contentPopTop li,
[data-theme="dark"] #popup-description, [data-theme="dark"] .popInfo p { color: var(--fun-muted); }
[data-theme="dark"] .popBottom { background-color: var(--fun-bg-2); }
[data-theme="dark"] .popup-contentTop::-webkit-scrollbar-track { background: var(--fun-bg-2); }

/* stopka jest ciemna w obu motywach – tylko delikatny kontrast */
[data-theme="dark"] .footer-bg { background-color: #0f0d0b; border-top: 1px solid var(--fun-border); }