/*
 * Token layer, part two.
 *
 * GENERATED by 04-theme/_tools/make_theme_json.py from
 * 02-design/chosen-tokens.json. Do not edit by hand - regenerate.
 *
 * theme.json carries the light scheme and WordPress turns it into
 * --wp--preset--* custom properties. Two things theme.json cannot express live
 * here instead:
 *   1. the dark scheme, which is a prefers-color-scheme override of the SAME
 *      generated properties, so component CSS never needs to know which scheme
 *      is active;
 *   2. the radii and border width, which have no theme.json home.
 *
 * The band tokens are deliberately NOT overridden below. They are fixed in both
 * schemes - painting a band with a token that flips is what broke stage 2 twice.
 */

:root {
	--radius-sm: 4px;
	--radius-md: 10px;
	--radius-lg: 20px;
	--border-width: 1px;
}

@media (prefers-color-scheme: dark) {
	:root {
		--wp--preset--color--canvas: #111327;
		--wp--preset--color--surface: #1a1d36;
		--wp--preset--color--surface-2: #242845;
		--wp--preset--color--ink: #f3f4fc;
		--wp--preset--color--body: #cacde3;
		--wp--preset--color--muted: #9aa0bd;
		--wp--preset--color--line: #2d3250;
		--wp--preset--color--line-strong: #454a74;
		--wp--preset--color--control: #6f7496;
		--wp--preset--color--accent: #aeb2f7;
		--wp--preset--color--accent-contrast: #0c0e1e;
		--wp--preset--color--accent-soft: #1f2340;
		--wp--preset--color--focus: #f0b95a;
		--wp--preset--color--positive: #5fc9a3;
		--wp--preset--color--warning: #f0b95a;
	}

	/* Shadows need more weight on a dark ground. */
	:root {
		--wp--preset--shadow--sm: 0 2px 10px rgba(0, 0, 0, .5);
		--wp--preset--shadow--md: 0 12px 40px rgba(0, 0, 0, .6);
	}
}