/**
 * Design tokens – wspólne ustawienia wyglądu dla WSZYSTKICH bloków pluginu
 * oraz stylów integracji (Yoast, tabele, przypisy).
 *
 * Wartości domyślne. Zmieniasz je u klienta przez:
 *   1. Panel: Ustawienia → Nauris Blocks (podstawowa metoda),
 *   2. Filtr PHP: add_filter( 'nauris_blocks_tokens', ... ),
 *   3. CSS motywu / Dodatkowy CSS: :root { --nauris-color-accent: #0a6b5c; }
 *
 * :where(:root) ma zerową specyficzność, więc każda z tych metod wygrywa
 * bez względu na kolejność ładowania arkuszy.
 *
 * Kolory zapasowe muszą zgadzać się z COLOR_FALLBACKS w includes/settings.php.
 */
:where(:root) {

	/* Kolory – „accent” bierze się z palety motywu (theme.json), jeśli ją ma. */
	--nauris-color-accent: var(--wp--preset--color--primary, #1d4ed8);
	--nauris-color-accent-contrast: var(--wp--preset--color--base, #fff);
	--nauris-color-info: #0369a1;
	--nauris-color-success: #15803d;
	--nauris-color-warning: #b45309;
	--nauris-color-neutral: #475569;

	/*
	 * Tekst na danym kolorze (badge, przyciski). Gdy kolor ustawisz w panelu,
	 * plugin sam dobiera biały albo ciemny – zależnie od jasności koloru.
	 */
	--nauris-color-info-contrast: #fff;
	--nauris-color-success-contrast: #fff;
	--nauris-color-warning-contrast: #fff;
	--nauris-color-neutral-contrast: #fff;

	/* Tło strony – do cieni przy przewijanej tabeli. */
	--nauris-color-background: var(--wp--preset--color--base, #fff);

	/* Kolory pochodne – liczone od koloru tekstu, więc pasują do jasnych i ciemnych motywów. */
	--nauris-color-border: color-mix(in srgb, currentcolor 15%, transparent);
	--nauris-color-surface: color-mix(in srgb, currentcolor 4%, transparent);

	/* Typografia */
	--nauris-font-heading: inherit;

	/* Kształt */
	--nauris-radius: 6px;
	--nauris-border-width: 1px;

	/* Odstępy */
	--nauris-space-s: 1rem;
	--nauris-space-m: 1.5rem;
	--nauris-space-l: 2rem;
	--nauris-space-xl: 2.5rem;

	/* Ruch */
	--nauris-transition: 150ms ease;
}