/**
 * FuuDobreTema — design tokeny (light / dark)
 *
 * theme.json vygeneruje --wp--preset--color--* so SVETLÝMI hodnotami na :root.
 * Tu prepíšeme tie isté premenné pre TMAVÝ režim — cez systémovú preferenciu
 * aj cez manuálne prepnutie [data-theme]. Vďaka tomu prepínajú farby všetky
 * bloky a patterns naraz.
 */

/* Spoločné (nezávislé od témy) */
:root {
	--fuu-shadow: var(--wp--custom--shadow);
	--fuu-radius-sm: var(--wp--custom--radius--sm);
	--fuu-radius-md: var(--wp--custom--radius--md);
	--fuu-radius-lg: var(--wp--custom--radius--lg);
	--fuu-ok-soft: oklch(0.94 0.05 150);
	--fuu-warn-soft: oklch(0.95 0.06 78);
	--fuu-bad-soft: oklch(0.95 0.06 25);
}

/* ---- TMAVÉ hodnoty ---- */
@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--bg: oklch(0.185 0.007 64);
		--wp--preset--color--surface: oklch(0.228 0.008 64);
		--wp--preset--color--surface-2: oklch(0.272 0.009 64);
		--wp--preset--color--text: oklch(0.95 0.008 86);
		--wp--preset--color--text-soft: oklch(0.74 0.011 78);
		--wp--preset--color--text-mute: oklch(0.60 0.011 72);
		--wp--preset--color--line: oklch(0.33 0.011 66);
		--wp--preset--color--gold: #C9A45E;
		--wp--preset--color--gold-strong: #D8B877;
		--wp--preset--color--gold-soft: #3A301C;
		--wp--preset--color--gold-ink: #201803;
		--wp--preset--color--black: oklch(0.12 0.006 62);
		--wp--preset--color--ok: oklch(0.76 0.15 152);
		--wp--preset--color--warn: oklch(0.80 0.14 75);
		--wp--preset--color--bad: oklch(0.70 0.18 25);
		--fuu-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 12px 34px rgba(0,0,0,0.4);
		--fuu-ok-soft: oklch(0.32 0.06 152);
		--fuu-warn-soft: oklch(0.33 0.06 72);
		--fuu-bad-soft: oklch(0.34 0.08 25);
	}
}

/* Manuálne vynútený tmavý režim (prebije systém) */
:root[data-theme="dark"] {
	--wp--preset--color--bg: oklch(0.185 0.007 64);
	--wp--preset--color--surface: oklch(0.228 0.008 64);
	--wp--preset--color--surface-2: oklch(0.272 0.009 64);
	--wp--preset--color--text: oklch(0.95 0.008 86);
	--wp--preset--color--text-soft: oklch(0.74 0.011 78);
	--wp--preset--color--text-mute: oklch(0.60 0.011 72);
	--wp--preset--color--line: oklch(0.33 0.011 66);
	--wp--preset--color--gold: oklch(0.80 0.12 84);
	--wp--preset--color--gold-strong: oklch(0.82 0.12 84);
	--wp--preset--color--gold-soft: oklch(0.34 0.055 78);
	--wp--preset--color--gold-ink: #201803;
	--wp--preset--color--black: oklch(0.12 0.006 62);
	--wp--preset--color--ok: oklch(0.76 0.15 152);
	--wp--preset--color--warn: oklch(0.80 0.14 75);
	--wp--preset--color--bad: oklch(0.70 0.18 25);
	--fuu-shadow: 0 1px 2px rgba(0,0,0,0.4), 0 12px 34px rgba(0,0,0,0.4);
	--fuu-ok-soft: oklch(0.32 0.06 152);
	--fuu-warn-soft: oklch(0.33 0.06 72);
	--fuu-bad-soft: oklch(0.34 0.08 25);
}

/* Prekrytie akcentu z Customizera (obdoba prop accentGold z prototypu) */
:root[style*="--fuu-accent"] {
	--wp--preset--color--gold: var(--fuu-accent);
	--wp--preset--color--gold-strong: var(--fuu-accent);
}