/*
 * Zmienne stylu widgetu rezerwacji — default dopasowany do niszy modułu
 * (gabinety terapeutyczne/psychoterapia): spokojna sza-zieleń i cieplejszy
 * beż zamiast korporacyjnego niebieskiego, większe zaokrąglenia.
 * Wdrożenie u konkretnego klienta: nadpisz te zmienne w motywie/Customizerze,
 * nie zmieniaj CSS w sysrez-widget.css.
 */
:root {
	--sysrez-primary: #4a5d4e;
	--sysrez-primary-hover: #3a4a3e;
	--sysrez-primary-contrast: #ffffff;
	--sysrez-bg: #ffffff;
	--sysrez-surface: #f3f4f1;
	--sysrez-text: #262b23;
	--sysrez-text-muted: #62766a;
	--sysrez-border: #d7ded4;
	--sysrez-error: #b91c1c;
	--sysrez-success: #15803d;
	--sysrez-radius: 0.625rem;
	--sysrez-gap: 1rem;
	--sysrez-font: inherit;
	--sysrez-max-width: 32rem;

	/* Odcienie i cień liczone z --sysrez-primary, żeby zawsze pasowały do kolorystyki
	   klienta bez ręcznego dopasowywania drugiego koloru per wdrożenie. */
	--sysrez-primary-soft: color-mix( in srgb, var( --sysrez-primary ) 8%, var( --sysrez-bg ) );
	--sysrez-primary-soft-border: color-mix( in srgb, var( --sysrez-primary ) 35%, var( --sysrez-bg ) );
	--sysrez-shadow-sm: 0 2px 10px color-mix( in srgb, var( --sysrez-primary ) 12%, transparent );
	--sysrez-shadow-md: 0 10px 28px color-mix( in srgb, var( --sysrez-primary ) 14%, transparent );
}

/*
 * Brak automatycznego przełączania na dark mode przez prefers-color-scheme —
 * host (strona klienta) może być stale light, mimo że system odwiedzającego jest dark.
 * Jeśli strona klienta ma własny dark mode, nadpisz zmienne w jej selektorze
 * dark-mode (np. `.dark-mode :root { --sysrez-bg: ...; }`).
 */