:root {
	/* ======================================================================
	   PALETA: wariant "Alt 1" (DECYZJA Tomasza 2026-09-01) - czerń + róż,
	   płótno prawie białe, zaokrąglenia oryginału bez zmian.

	   Płótno strony (--kv-canvas) jest osobnym tokenem: --c-cream robi w
	   motywie za dwie rzeczy naraz (tła powierzchni ORAZ jasny tekst na
	   czarnych sekcjach), więc nie może być tożsamy z tłem strony.
	   Relacja powierzchni: płótno najjaśniejsze, karty (--c-card) z ciepłym
	   tintem się odcinają.

	   ORYGINALNA paleta (śliwka+róż, sprzed decyzji - gdyby trzeba wrócić;
	   pełny podgląd wariantów: git, assets/css/alt-kv.css + inc/kv-skin.php):
	     --c-cream: #F4F0ED;  --c-card: #FBF9F6;  --c-taupe: #C0AD9D;
	     --c-muted: #847F76;  --c-accent: #9B566A; --c-plum: #4C3B43;
	     --c-graphite: #333030; --c-accent-em: #7E4356;
	     (bez --kv-canvas - tłem strony był --c-cream)
	   ====================================================================== */
	--kv-canvas: #FCFBF9;
	--c-cream: #FBF9F7;
	--c-card: #F4F1EC;
	--c-taupe: #B8A899;
	--c-muted: #625B54; /* przyciemniony z #6F6860 (kontrast 5.3->6.3:1) - czytelność dla starszych odbiorczyń, decyzja Tomasza 02.09 */
	--c-accent: #8E4B60;
	--c-plum: #000000;
	--c-graphite: #171514;
	--c-accent-em: #6E3A4B;
	--font-head: 'League Spartan', 'Poppins', sans-serif;
	--font-body: 'Lora', Georgia, serif;
	/* ======================================================================
	   TYPOGRAFIA (porządki 2026-09-01). Nagłówki: 5 tokenów zamiast 18
	   rozproszonych clampów. Świadome wyjątki poza tokenami: .cat-label
	   28-44px (decyzja Tomasza 01.09), tytuł PDP 30-42px, mobilny tytuł
	   listingu, dekoracyjny numer o-merino 110-200px.
	   Etykiety wersalikowe - 3 wzorce zamiast 15 wariantów:
	     kicker (otwiera sekcję)  = --fs-label + --ls-kicker
	     meta (daty, podpisy)     = --fs-label + --ls-meta
	     fine (breadcrumbs, th)   = --fs-fine  + --ls-fine
	   Rozmiary px: pełne stopnie, bez połówek. NIE wpisywać nowych
	   rozmiarów z głowy - najpierw sprawdź, czy istnieje token/stopień. */
	--fs-display: clamp(44px, 6.6vw, 96px);
	--fs-h1: clamp(32px, 5vw, 58px);
	--fs-h2: clamp(30px, 4.4vw, 52px);
	--fs-h3: clamp(26px, 3.2vw, 42px);
	--fs-h4: clamp(20px, 2.3vw, 28px);
	--fs-h5: clamp(18px, 2vw, 24px);
	/* Warstwa czytana (decyzja Tomasza 02.09 - odbiorczynie 50+):
	   --fs-body = akapity, które klientka faktycznie CZYTA (opisy, FAQ, blog);
	   --fs-support = pełne zdania drugorzędne (USP, dostawa, stopka, excerpty).
	   Przyciski/nav/inputy/kompaktowe UI zostają na 15-16px literalnie. */
	--fs-body: 17px;
	--fs-support: 16px;
	--fs-label: 13px;
	--fs-fine: 12px;
	--ls-kicker: .14em;
	--ls-meta: .08em;
	--ls-fine: .06em;
	/* Szerokość kontenera - historia: 1200 (za wąsko, Radek 21.08) → 1720
	   wszędzie (za szeroko) → dwa poziomy 1720/1480 (25.08) → decyzja Tomasza
	   25.08 wieczorem: 1720 zostaje TYLKO na hero karty produktu (galeria +
	   kolumna zakupowa, --layout-wide w product.css .product-layout), cała
	   reszta (header, home, listing, blog, podstrony, sekcje PDP) na 1480 -
	   "musimy zostawić trochę miejsca". NIE hardkodować px - tylko tokeny. */
	--layout-max: 1480px;
	--layout-content: 1480px;
	--layout-wide: 1720px;
}