/* Generated by `php artisan openbka:sync-design` from the design system (v0.1.0). Do not edit. */
:root.dark {
	color-scheme: dark;
	--surface: #0e1112;
	--surface-raised: #171b1d;
	--surface-sunken: #080a0b;
	--surface-hover: #252b2e;
	--line: #2a3033;
	--line-strong: #727a7d;
	--ink: #eef1ee;
	--ink-muted: #a3aba8;
	--brand: #ffd60a;
	--brand-hover: #ffe45c;
	--on-brand: #101314;
	--brand-ink: #ffd60a;
	--sub-apiary: #35d0c0;
	--on-sub-apiary: #04211e;
	--sub-bka: #a79bff;
	--on-sub-bka: #130c3d;
	--sub-spare: #ff8fcf;
	--on-sub-spare: #3b0a27;
	--ok: #93d94e;
	--warn: #ffb454;
	--alert: #ff7b72;
	--focus-ring: #ffd60a;
}

:root:not(.dark) {
	color-scheme: light;
	--surface: #f3f4f1;
	--surface-raised: #ffffff;
	--surface-sunken: #e9ebe6;
	--surface-hover: #e2e5df;
	--line: #d9dcd6;
	--line-strong: #6c716b;
	--ink: #101314;
	--ink-muted: #525855;
	--brand: #ffd60a;
	--brand-hover: #f2c900;
	--on-brand: #101314;
	--brand-ink: #665500;
	--sub-apiary: #0a7c72;
	--on-sub-apiary: #ffffff;
	--sub-bka: #5746d1;
	--on-sub-bka: #ffffff;
	--sub-spare: #b0277a;
	--on-sub-spare: #ffffff;
	--ok: #366900;
	--warn: #874f00;
	--alert: #b42318;
	--focus-ring: #101314;
}