/*
 * Zmienne CSS — StützSkin
 * Centralne miejsce dla wszystkich design tokenów projektu.
 * Importowane przed głównym style.css przez functions.php.
 */

:root {

	/* ----------------------------------------------------------------
	 * Kolory — akcenty główne
	 * ---------------------------------------------------------------- */
	--brick:      #B46B60; /* główny akcent: przyciski, CTA, nagłówki sekcji */
	--brick-dark: #8C5148; /* hover przycisków */
	--brick-pale: #F6EDEB; /* tła sekcji akcentowanych */
	--brick-mid:  #C9908A; /* jaśniejszy akcent: podkreślenia linków, detale */
	--cream-deep: #E2D8CE; /* ciemniejsze tło: separatory, dziwidery */
	--rose:       #793545; /* wtórny akcent: eyebrow, ramki, detale */
	--plum:       #793545; /* kolor przycisków głównych (alias --rose) */
	--plum-dark:  #3A1B21; /* hover przycisków plum */
	--gold:       #B8956A; /* tylko ceny i liczby */

	/* ----------------------------------------------------------------
	 * Kolory — tła
	 * ---------------------------------------------------------------- */
	--cream:      #F7F3EE; /* tło główne */
	--cream-dark: #EDE7DF; /* tło sekcji drugorzędnych */
	--white:      #FDFCFB; /* białe tło kart */

	/* ----------------------------------------------------------------
	 * Kolory — tekst
	 * ---------------------------------------------------------------- */
	--ink:        #1C1917; /* tekst główny */
	--ink-light:  #4A4540; /* tekst drugorzędny */
	--ink-muted:  #6B6866; /* tekst trzeciorzędny — WCAG AA 5.0:1 na tle --cream */

	/* ----------------------------------------------------------------
	 * Typografia
	 * ---------------------------------------------------------------- */
	--serif: 'Cormorant Garamond', Georgia, serif;
	--sans:  'DM Sans', system-ui, sans-serif;

	/* ----------------------------------------------------------------
	 * Spacing scale
	 * ---------------------------------------------------------------- */
	--space-xs:  8px;
	--space-sm:  16px;
	--space-md:  24px;
	--space-lg:  48px;
	--space-xl:  80px;
	--space-2xl: 112px;

	/* ----------------------------------------------------------------
	 * Border radius
	 * ---------------------------------------------------------------- */
	--radius: 2px;
}