/*
 * Generated from theme.json (settings.custom.dark) by bin/tokens.mjs. Do not
 * edit: change theme.json and run `npm run tokens`. The mode is set on
 * <html> before the first paint (src/Theme.php); the rules that are not
 * tokens are in theme.css, "Dark mode".
 */

/* stylelint-disable @stylistic/max-line-length -- generated declarations. */
[data-theme="dark"] {
	color-scheme: dark;
	--wp--preset--color--base: var(--wp--custom--dark--color--base);
	--wp--preset--color--tint: var(--wp--custom--dark--color--tint);
	--wp--preset--color--subtle: var(--wp--custom--dark--color--subtle);
	--wp--preset--color--line: var(--wp--custom--dark--color--line);
	--wp--preset--color--line-strong: var(--wp--custom--dark--color--line-strong);
	--wp--preset--color--muted: var(--wp--custom--dark--color--muted);
	--wp--preset--color--body: var(--wp--custom--dark--color--body);
	--wp--preset--color--contrast: var(--wp--custom--dark--color--contrast);
	--wp--preset--color--brand-faint: var(--wp--custom--dark--color--brand-faint);
	--wp--preset--color--brand-soft: var(--wp--custom--dark--color--brand-soft);
	--wp--preset--color--brand-light: var(--wp--custom--dark--color--brand-light);
	--wp--preset--color--action: var(--wp--custom--dark--color--action);
	--wp--preset--color--action-strong: var(--wp--custom--dark--color--action-strong);
	--wp--preset--color--success: var(--wp--custom--dark--color--success);
	--wp--preset--color--success-soft: var(--wp--custom--dark--color--success-soft);
	--wp--preset--color--warning: var(--wp--custom--dark--color--warning);
	--wp--preset--color--warning-soft: var(--wp--custom--dark--color--warning-soft);
	--wp--preset--color--danger: var(--wp--custom--dark--color--danger);
	--wp--preset--color--danger-soft: var(--wp--custom--dark--color--danger-soft);
	--wp--preset--shadow--xs: var(--wp--custom--dark--shadow--xs);
	--wp--preset--shadow--sm: var(--wp--custom--dark--shadow--sm);
	--wp--preset--shadow--md: var(--wp--custom--dark--shadow--md);
	--wp--preset--shadow--lg: var(--wp--custom--dark--shadow--lg);
	--wp--preset--gradient--glow: var(--wp--custom--dark--gradient--glow);
}

[data-theme="dark"] .is-style-night,
[data-theme="dark"] .wp-block-kimaai-plan.is-style-featured,
[data-theme="dark"] [data-theme="light"] {
	color-scheme: light;
	--wp--preset--color--base: #fff;
	--wp--preset--color--tint: #f5f7ff;
	--wp--preset--color--subtle: #eceef8;
	--wp--preset--color--line: #e3e3f0;
	--wp--preset--color--line-strong: #cbcbe0;
	--wp--preset--color--muted: #545473;
	--wp--preset--color--body: #23234a;
	--wp--preset--color--contrast: #010136;
	--wp--preset--color--brand-faint: #f3f3ff;
	--wp--preset--color--brand-soft: #e9e7ff;
	--wp--preset--color--brand-light: #b3b0fe;
	--wp--preset--color--action: #5250e6;
	--wp--preset--color--action-strong: #4240c2;
	--wp--preset--color--success: #067a52;
	--wp--preset--color--success-soft: #e3f7ee;
	--wp--preset--color--warning: #8a5a00;
	--wp--preset--color--warning-soft: #fff6d1;
	--wp--preset--color--danger: #c4271c;
	--wp--preset--color--danger-soft: #feecea;
	--wp--preset--shadow--xs: 0 1px 2px rgb(10 10 36 / 0.06);
	--wp--preset--shadow--sm: 0 1px 2px rgb(10 10 36 / 0.05), 0 2px 6px -1px rgb(10 10 36 / 0.06);
	--wp--preset--shadow--md: 0 2px 4px rgb(10 10 36 / 0.04), 0 8px 20px -6px rgb(26 26 110 / 0.12);
	--wp--preset--shadow--lg: 0 4px 8px rgb(10 10 36 / 0.04), 0 28px 56px -16px rgb(26 26 110 / 0.22);
	--wp--preset--gradient--glow: radial-gradient(60% 60% at 50% 0%, rgb(103 103 253 / 0.18) 0%, rgb(103 103 253 / 0) 100%);
}