/**
 * Content Theme Toggle — frontend styles.
 *
 * All color swaps are driven by redefining --wp--preset--color--*
 * variables inside .kc-theme-alt-active (see wp_head output in
 * kc_content_theme_print_head). This file only provides:
 *   - transitions to smooth the swap
 *   - a reduced-motion override
 *
 * No element restyling lives here — the theme's own rules resolve the
 * redefined variables and render new colors automatically.
 */

/*
 * Mount the transition on any element carrying [data-kc-mode] (JS
 * sets this on every scope element once it initializes). Scoped to
 * properties our overrides plausibly change, plus fill/stroke for
 * inline SVG icons inside content.
 */
[data-kc-mode],
[data-kc-mode] :where( a, h1, h2, h3, h4, h5, h6, p, li, figcaption, hr, blockquote, code, pre, .wp-block-code, svg ) {
	transition:
		background-color 0.25s ease,
		color 0.25s ease,
		border-color 0.25s ease,
		fill 0.25s ease,
		stroke 0.25s ease;
}

@media ( prefers-reduced-motion: reduce ) {
	[data-kc-mode],
	[data-kc-mode] * {
		transition: none;
	}
}