/*
 * Dark-mode values for every color role declared in theme.json.
 * Same slugs, same custom properties WordPress already generates from
 * theme.json - this just redefines them once the km-theme-toggle script
 * puts data-theme="dark" on the root element.
 *
 * Slugs stay identical to Ollie's own (so Ollie's patterns/parts keep
 * resolving correctly) even though several were renamed to KOER Media's
 * naming convention - see theme.json. Because a few slugs' actual role
 * changed (e.g. border-dark went from a border color to "Type 3" body
 * text), their dark values below are freshly chosen for the new role,
 * not carried over from the old one.
 *
 * "link"/"link-hover" are deliberately NOT the slugs for the Link/Link
 * Hover roles - they're link-text/link-text-hover instead. Ollie ships
 * 92 uses of a "has-link-color" class across its own patterns (headers,
 * footers, menus, cards), left over from some earlier Ollie version that
 * had a "link" palette slug since removed - the class was silently inert
 * (var(--wp--preset--color--link) was undefined) until a theme defines
 * that exact slug, at which point every one of those 92 instances
 * reactivates and overrides whatever text color the pattern actually
 * intended. Confirmed by direct testing - do not reuse the bare "link"
 * or "link-hover" slugs in this theme.
 *
 * Placeholder values - replace per client brand once one exists.
 */

:root[data-theme="dark"] {
	/* Brand */
	--wp--preset--color--primary: #818cf8;
	--wp--preset--color--primary-accent: #1e1b4b;
	--wp--preset--color--primary-alt: #4c1d95;
	--wp--preset--color--primary-alt-accent: #ddd6fe;

	/* Type 1-4: text hierarchy, light-on-dark instead of dark-on-light */
	--wp--preset--color--main: #f5f5f5;
	--wp--preset--color--secondary: #cccccc;
	--wp--preset--color--border-dark: #999999;
	--wp--preset--color--main-accent: #666666;

	/* Background / Light BG / Medium BG */
	--wp--preset--color--base: #0b0b0f;
	--wp--preset--color--tertiary: #18181b;
	--wp--preset--color--border-light: #27272a;

	/* CTA / Link / Link Hover - brightened so they still contrast on a dark background */
	--wp--preset--color--cta: #ef4444;
	--wp--preset--color--link-text: #60a5fa;
	--wp--preset--color--link-text-hover: #cccccc;

	/* Star Rating */
	--wp--preset--color--star-rating: #fcd34d;

	/* Alerts - brightened for dark-background contrast */
	--wp--preset--color--alert-info: #60a5fa;
	--wp--preset--color--alert-warning: #fbbf24;
	--wp--preset--color--alert-danger: #f87171;
	--wp--preset--color--alert-success: #4ade80;
}