/* =====================================================================
   PrestigeCar – paleta „Czerń” (do porównania z granatem, prośba klienta 13.11)
   Włączana: PrestigeCar → Ustawienia → Wygląd → „Kolorystyka” albo podgląd ?paleta=czern (?paleta=granat – powrót).
   Atrybut data-paleta="czern" na <html>. Czerwienie bez zmian – granatowe odcienie zamienione na odcienie czerni.
   ===================================================================== */

/* ciemny wygląd: tło, teksty pomocnicze, nagłówek */
html[data-paleta="czern"][data-theme="dark"] {
	--tlo: #050505; --tekst-2: #cfcfcf; --tekst-3: #919191;
	--kropka: #a9a9a9; --kropki-op: .22;
	--nag-tlo: rgba(8, 8, 8, .78); --cien: 0 24px 60px rgba(0, 0, 0, .55);
}
html[data-paleta="czern"][data-theme="dark"] .tlo {
	background: radial-gradient(ellipse 70% 75% at 14% 30%, rgba(52, 52, 54, .75), rgba(52, 52, 54, 0) 70%),
		radial-gradient(ellipse 60% 70% at 92% 72%, rgba(38, 38, 40, .6), rgba(38, 38, 40, 0) 70%),
		linear-gradient(180deg, #151515, #090909);
}

/* nakładki na zdjęciach (realizacje, galeria, o nas, wyróżniony wpis) – czerń zamiast granatu, czerwień zostaje */
html[data-paleta="czern"] .real__kafel::after,
html[data-paleta="czern"] .galeria__kafel::after {
	background: linear-gradient(155deg, rgba(14, 14, 14, .95) 0%, rgba(40, 40, 40, .55) 45%, rgba(150, 10, 10, .85) 100%);
}
html[data-paleta="czern"] .onas__foto::after,
html[data-paleta="czern"] .wyroznik__obraz::after {
	background: linear-gradient(155deg, rgba(14, 14, 14, .9), rgba(40, 40, 40, .45) 45%, rgba(150, 10, 10, .8));
}
html[data-paleta="czern"] .wpis__obraz,
html[data-paleta="czern"] .wyroznik__obraz { background: linear-gradient(135deg, #161616, #3a0a0a); }

/* kalkulator: karta z wynikiem i jej szare teksty */
html[data-paleta="czern"] .kalk__wynik {
	background: radial-gradient(ellipse 90% 70% at 100% 0%, rgba(227, 38, 43, .28), transparent 65%), linear-gradient(160deg, #1b1b1b, #0b0b0b);
}
html[data-paleta="czern"] .kalk__suma small,
html[data-paleta="czern"] .kalk__pozycje span,
html[data-paleta="czern"] .kalk__info b,
html[data-paleta="czern"] .okno-foto figcaption { color: #cfcfcf; }
html[data-paleta="czern"] .kalk__pozycje small,
html[data-paleta="czern"] .kalk__info { color: #919191; }

/* baner: biały przycisk – ciemne przejście */
html[data-paleta="czern"] .baner .przycisk--bialy { color: #0b0b0b; }
html[data-paleta="czern"] .baner .przycisk--bialy:hover, html[data-paleta="czern"] .baner .przycisk--bialy:focus-visible { color: #fff; }
html[data-paleta="czern"] .baner .przycisk--bialy::before { background: linear-gradient(90deg, #0b0b0b, #222); }

/* mapa: kropki miast */
html[data-paleta="czern"] .mapa__miasto { fill: #141414; }

/* formularz: tło karty i rozwijanych list (miały granatowy odcień); przycisk „do góry” */
/* (wygląd z profilu Prestige Forms ma własne, mocniejsze reguły z granatem – stąd .formularz.pcf) */
html[data-paleta="czern"][data-theme="dark"] .formularz, html[data-paleta="czern"][data-theme="dark"] .formularz.pcf { background: rgba(16, 16, 17, .72); }
html[data-paleta="czern"][data-theme="dark"] .wybor__lista, html[data-paleta="czern"][data-theme="dark"] .formularz.pcf .wybor__lista { background: rgba(18, 18, 19, .97); }
html[data-paleta="czern"][data-theme="dark"] .formularz.pcf { --pcf-lista-tlo: rgba(18, 18, 19, .97); }
html[data-paleta="czern"] .do-gory { background: rgba(14, 14, 14, .82); }
html[data-paleta="czern"] .galeria__kafel::before { background-color: rgba(14, 14, 14, .7); }

/* „Dlaczego my” (atuty): niebieska poświata za kartami i granatowe podbicie szkła – w czerni neutralne */
html[data-paleta="czern"] .atuty::after, html[data-paleta="czern"][data-theme="light"] .atuty::after { background: radial-gradient(circle, rgba(120, 120, 126, .3), rgba(120, 120, 126, 0) 70%); }
html[data-paleta="czern"] .atut { --szklo: linear-gradient(rgba(0, 0, 0, .06), rgba(0, 0, 0, .06)); }

/* kalkulator: kolor „cena auta” na wykresie (był szaroniebieski) */
html[data-paleta="czern"] .kalk { --k-cena: #858585; }
html[data-paleta="czern"][data-theme="light"] .kalk { --k-cena: #b4b4b4; }

/* jasny wygląd przy kolorystyce Czerń: ciemne bloki (stopka, zachęta pod wpisem) bez granatu */
html[data-paleta="czern"][data-theme="light"] .stopka { background: #0b0b0b; --tekst-2: #cfcfcf; --tekst-3: #919191; }
html[data-paleta="czern"][data-theme="light"] .kp-cta { background: linear-gradient(100deg, rgba(227, 38, 43, .1), rgba(227, 38, 43, 0) 40%), #141414; --tekst-2: #cfcfcf; --tekst-3: #919191; }