/*
 * Nativní dark mode — žádný JS toggle, jen prefers-color-scheme. Přepisuje
 * CSS proměnné, které generuje theme.json (--wp--preset--color--*), takže
 * všechny bloky používající "Barvu z palety" (ne libovolnou custom barvu)
 * se automaticky přebarví. Zelená/žlutá zůstávají skoro stejné (fungují na
 * tmavém pozadí dobře už podle manuálu), krém/ink/tint se prohazují.
 */
@media (prefers-color-scheme: dark) {
	:root {
		--wp--preset--color--cream: #1E2019;
		--wp--preset--color--cream-alt: #23261d;
		--wp--preset--color--ink: #F2EFE6;
		--wp--preset--color--ink-soft: #B9B2A4;
		--wp--preset--color--green-tint: #1F3A17;
		--wp--preset--color--green-dark: #6FCB4C;
	}

	/* Bílá hlavička by na tmavém pozadí stránky trčela — přepneme na tmavý
	   povrch a logo (má natvrdo zelenou/tmavou barvu přímo v SVG) obarvíme
	   celé na bílo stejným trikem jako v patičce. */
	.site-header {
		background: #211d17 !important;
	}
	.site-header.is-scrolled {
		background: #211d17 !important;
	}
	.site-header .wp-block-site-logo img {
		filter: brightness(0) invert(1);
	}

	/* mobilní menu overlay (krémová) i podmenu-karty zůstávají světlé
	   záměrně — fungují jako "vyskakovací" prvek nad tmavou stránkou,
	   podobně jako dropdown na desktopu. Jen ověřit čitelnost textu v nich
	   (tmavý text na světlé kartě funguje v obou režimech stejně). */
}