/* Darkmode claude: 10 ciemnych wersji w mikserze (html[data-dkc="c-…"]). Tła: Grafit (nasz) oraz tła Gemini 1 (czerń OLED),
   4 (ciepły heban) i 5 (chłodna stal), Bartek 17.10; do każdego 3 zestawy tekstu. Tekst = krem ze stopki (#f1e9d2) albo
   złamana biel w odcieniu kafla; akcent (fokus, zaznaczenie, podkreślenia linków) = kolor z palety. Tła, karty i linie wersji Gemini 1:1 z dark.css.
   Kafle, baner, czarne menu i stopka zostają jasne jak w dark.css. */
html[data-theme="dark"][data-dkc="c-grafit"],
html[data-theme="dark"][data-dark="c-grafit"] {
	--c-bg: #1f1f24; --c-paper: #28282e; --c-hover: #303037;
	--c-ink: #f1e9d2; --c-muted: #a9a496; --c-line: #3a3a42; --c-on-ink: #1f1f24; --c-dk-acc: #fdda58;
}
html[data-theme="dark"][data-dkc="c-stal-krem"],
html[data-theme="dark"][data-dark="c-stal-krem"] {
	--c-bg: #101418; --c-paper: #181e24; --c-hover: #212932;
	--c-ink: #f1e9d2; --c-muted: #a3a69c; --c-line: #2c3743; --c-on-ink: #101418; --c-dk-acc: #fdda58;
}
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) {
	--wp--preset--color--base: var(--c-bg); --wp--preset--color--ink: var(--c-ink);
	--wp--preset--color--muted: var(--c-muted); --wp--preset--color--line: var(--c-line);
}
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :focus-visible { outline-color: var(--c-dk-acc); }

/* ---------- Typografia na ciemnym (Bartek 16.10: „fonty wyglądają beznadziejnie”) ----------
   Jasny tekst na ciemnym optycznie grubieje i rozmywa się (irradiacja), więc zamiast pogrubiać:
   cieńsze wygładzanie, minimalnie luźniejsze litery w treści, a duże nagłówki bez ściskania. Wagi zostają 400/500. */
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) body {
	-webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility; letter-spacing: .012em;
}
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :is(h1, h2, h3, .wp-block-post-title) { letter-spacing: 0; }
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :is(p, li, td, th, label, small) { line-height: 1.6; }

/* ---------- Teksty na kolorowych tłach zostają ciemne jak w jasnej wersji ----------
   (cena na żółtym w karcie produktu i koszyku, notatka przelewu, promo w koncie, plakietka resetu hasła) */
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :is(.czc-buybox .wc-block-components-product-price, .czc-order-bacs-note, .czc-dash-short.is-promo, .czc-reset-card__badge) {
	--c-ink: #111111; --c-muted: #3a3a3a; color: #111111;
}

/* ---------- Pasek „Darmowa dostawa” na telefonie: czarny jak w jasnej wersji (krem gubił żółte „149 zł”) ---------- */
@media (max-width: 700px) {
	html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) .czc-bar { background: #111111; color: #ffffff; }
}

/* ---------- Jasne kafle ze zdjęciami: lekko przygaszone, żeby nie raziły na ciemnym ----------
   (zdjęcia mają tło #f5f5f7 wtopione w plik, więc przygaszamy cały kafel razem ze zdjęciem) */
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :is(.czc-card .wc-block-components-product-image, .czc-pk-i, .woocommerce-product-gallery__image, .czc-b-item img, .czc-sb-top img, .czc-sugg img, .czc-sum__prod img, .czc-co .wc-block-components-order-summary-item__image > img) {
	filter: brightness(.9);
}
/* tło --c-tile pod tekstem (hover listy, plakietki, karta w koncie) → ciemne tło wersji */
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) :is(.czc-sb-top a:hover, .czc-sizes a:hover, .czc-badge-status.is-refunded, .czc-badge-status.is-default, .czc-dash-hero) { background: var(--c-hover); }

/* akcent wersji: zaznaczenie tekstu i podkreślenia linków (hover zostaje losowym kaflem) */
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) ::selection { background: var(--c-dk-acc); color: #111111; }
html[data-theme="dark"]:is([data-dkc], [data-dark^="c-"]) a { text-decoration-color: color-mix(in srgb, var(--c-dk-acc) 70%, transparent); }