@use './tokens/sys/color';

:root {
	color-scheme: light;
	@each $name, $value in color.values-light() {
		--md-sys-color-#{$name}: var(#{$value});
	}
}

.dark {
	color-scheme: dark;

	@each $name, $value in color.values-dark() {
		--md-sys-color-#{$name}: var(#{$value});
	}
}