/*
 * Světlá varianta vzhledu.
 * Použije se, když:
 *  - systém je ve světlém režimu a návštěvník si ručně nevybral tmavý, nebo
 *  - návštěvník si přepínačem vybral světlý režim (html[data-theme="light"]).
 * :root:root má vyšší specifičnost než proměnné z theme.json (global styles).
 */

@media (prefers-color-scheme: light) {
	:root:root:not([data-theme="dark"]) {
		color-scheme: light;

		--wp--preset--color--base: #F6F7F9;
		--wp--preset--color--base-2: #ECEFF3;
		--wp--preset--color--surface: #FFFFFF;
		--wp--preset--color--line: #E1E5EA;
		--wp--preset--color--border: #D6DCE3;
		--wp--preset--color--contrast: #0E1116;
		--wp--preset--color--muted: #465060;
		--wp--preset--color--subtle: #5B6573;
		--wp--preset--color--accent: #3B7A0C;
		--wp--preset--color--accent-hover: #2E6108;
		--wp--preset--color--accent-2: #8A3FC0;
		--wp--preset--color--accent-3: #B83F0F;

		--nk-outline: #C3CBD5;
		--nk-dot: #D0D6DE;
		--nk-text-soft: #2E3540;
		--nk-shadow: 0 1px 2px rgba(14, 17, 22, 0.04), 0 8px 24px rgba(14, 17, 22, 0.06);
	}
}

:root:root[data-theme="light"] {
	color-scheme: light;

	--wp--preset--color--base: #F6F7F9;
	--wp--preset--color--base-2: #ECEFF3;
	--wp--preset--color--surface: #FFFFFF;
	--wp--preset--color--line: #E1E5EA;
	--wp--preset--color--border: #D6DCE3;
	--wp--preset--color--contrast: #0E1116;
	--wp--preset--color--muted: #465060;
	--wp--preset--color--subtle: #5B6573;
	--wp--preset--color--accent: #3B7A0C;
	--wp--preset--color--accent-hover: #2E6108;
	--wp--preset--color--accent-2: #8A3FC0;
	--wp--preset--color--accent-3: #B83F0F;

	--nk-outline: #C3CBD5;
	--nk-dot: #D0D6DE;
	--nk-text-soft: #2E3540;
	--nk-shadow: 0 1px 2px rgba(14, 17, 22, 0.04), 0 8px 24px rgba(14, 17, 22, 0.06);
}

:root:root[data-theme="dark"] {
	color-scheme: dark;
}

/* Karty a kódový box: ve světlém režimu jemný stín místo tmavého podkladu. */
.nk-card,
.nk-code {
	box-shadow: var(--nk-shadow, none);
}