/**
 * Blok 6, KROK 2 — zmienne wyprowadzone Z POMIARU strony głównej i produktowej.
 *
 * Żadna wartość nie jest wymyślona. Każda pochodzi z `getComputedStyle` na żywej
 * stronie stagingu (2026-09-15) i ma tu wpisany komponent źródłowy. To jest
 * operacyjna definicja „spójny ze stroną" — bez niej spójność jest uznaniowa.
 *
 * ⚠️ Same zmienne NICZEGO nie stylują. Kolejność w kaskadzie nie ma dla tego pliku
 * znaczenia; ma dla `komponenty.css`, który z nich korzysta (P-001).
 */

:root {
	/* --- PROMIENIE ------------------------------------------------------------
	   Trzy wartości, nie dwie. Pole formularza nie jest ani kartą, ani pigułką. */
	--gts-r-karta:     24px;   /* .kafelki-offer-item, section.bg-white, .chess-opinie-item */
	--gts-r-przycisk:  64px;   /* .button-link, .single_add_to_cart_button, .header-cart */
	--gts-r-pole:      12px;   /* .woocommerce form .form-row input.input-text (25 pól checkoutu) */
	--gts-r-obraz:     24px;   /* img.img, .flex-viewport na stronie produktu */

	/* --- KOLORY --------------------------------------------------------------- */
	--gts-zielen:        #82E172;  /* akcja główna; ten sam odcień na CTA koszyka */
	--gts-zielen-ciemna: #4a9c3c;  /* ptaszki w pasku sygnałów (dopasowanie.css) */
	--gts-tekst:         #1a1a1a;
	--gts-tekst-slaby:   rgba( 0, 0, 0, .55 );
	--gts-tlo-karty:     #fff;     /* .kafelki-offer-item */
	--gts-tlo-strony:    #efefef;  /* ul.menu */
	--gts-tlo-drugorz:   #eaeaea;  /* a.button (wariant szary), .gts-lang__toggle */
	--gts-kreska:        rgba( 0, 0, 0, .1 );
	--gts-ostrzezenie:   #e5a53f;  /* werdykt „nie pasuje" (dopasowanie.css) */

	/* --- ODSTĘPY --------------------------------------------------------------
	   Siatka 8: wszystkie zmierzone wartości są jej wielokrotnościami. */
	--gts-odstep-1:  8px;
	--gts-odstep-2: 16px;
	--gts-odstep-3: 24px;   /* gap siatki kafelków */
	--gts-odstep-4: 32px;   /* padding .chess-opinie-item */
	--gts-odstep-6: 48px;   /* padding pionowy .kafelki-offer-item */

	/* --- TYPOGRAFIA -----------------------------------------------------------
	   Motyw styluje h2–h4, p, li, a — NIE dopisujemy im tu niczego (CLAUDE.md).
	   Zmienne są dla elementów, których motyw NIE obsługuje: pól, tabel, div-ów. */
	--gts-font-tresc:   'Open Sans', sans-serif;      /* body 16px/22.4 w500 */
	--gts-font-naglowek: 'Kanit Regular', sans-serif; /* h1 produktu 48px w700 */
	--gts-tekst-bazowy: 16px;
	--gts-tekst-maly:   14px;
	--gts-interlinia:   1.4;

	/* --- PRZYCISK GŁÓWNY ------------------------------------------------------
	   Zmierzone na .button-link i .single_add_to_cart_button: identyczne na home
	   i na produkcie, wysokość 50–52 px. */
	--gts-przycisk-pad:  18px 30px;
	--gts-przycisk-font: 16px;
	--gts-przycisk-waga: 500;
}