/*
 * GENERATED by build/04-theme/_tools/make_theme_json.py - do not edit.
 *
 * theme.json cannot express prefers-color-scheme, so the dark scheme overrides
 * the same --wp--preset--* custom properties WordPress generated from it. This
 * file is part of the token layer, not a second source of truth: change
 * 02-design/chosen-tokens.json and re-run the generator.
 *
 * The band tokens are deliberately absent. Direction C's dark bands must look
 * identical in both schemes (band, band-2, band-ramp-from, band-ramp-to, focus-on-band, on-band, on-band-border, on-band-muted).
 *
 * Three states, not two. A bare :root carries the light values from
 * theme.json and the media query supplies dark, so the default follows
 * the operating system. [data-theme] is what the header toggle writes:
 * it has to beat the media query in one direction and theme.json's own
 * :root in the other, which is why the query is guarded rather than
 * simply overridden afterwards.
 */

@media (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]) {
		--wp--preset--color--canvas: #06111F;
		--wp--preset--color--surface: #0D1E33;
		--wp--preset--color--surface-soft: #122942;
		--wp--preset--color--text: #E9F0F8;
		--wp--preset--color--muted: #9CB4D0;
		--wp--preset--color--border: #1F3450;
		--wp--preset--color--border-strong: #456C96;
		--wp--preset--color--brand: #A5B4FC;
		--wp--preset--color--brand-strong: #C6CFFE;
		--wp--preset--color--brand-soft: #1B2551;
		--wp--preset--color--on-brand: #06111F;
		--wp--preset--color--accent: #FFC53D;
		--wp--preset--color--accent-soft: #3A2E10;
		--wp--preset--color--on-accent: #06111F;
		--wp--preset--color--focus: #FFC53D;
		--wp--preset--color--success: #4ADE80;
		--wp--preset--color--danger: #FCA5A5;
	}
}

[data-theme="dark"] {
	--wp--preset--color--canvas: #06111F;
	--wp--preset--color--surface: #0D1E33;
	--wp--preset--color--surface-soft: #122942;
	--wp--preset--color--text: #E9F0F8;
	--wp--preset--color--muted: #9CB4D0;
	--wp--preset--color--border: #1F3450;
	--wp--preset--color--border-strong: #456C96;
	--wp--preset--color--brand: #A5B4FC;
	--wp--preset--color--brand-strong: #C6CFFE;
	--wp--preset--color--brand-soft: #1B2551;
	--wp--preset--color--on-brand: #06111F;
	--wp--preset--color--accent: #FFC53D;
	--wp--preset--color--accent-soft: #3A2E10;
	--wp--preset--color--on-accent: #06111F;
	--wp--preset--color--focus: #FFC53D;
	--wp--preset--color--success: #4ADE80;
	--wp--preset--color--danger: #FCA5A5;
}

:root {
	--jsk-radius-control: 999px;
	--jsk-radius-card: 20px;
	--jsk-radius-pill: 999px;
	--jsk-measure: 60ch;
	--jsk-container: 1200px;
}