@use './tokens/ref/palette';

:root {
	@each $name, $value in palette.values() {
		--md-ref-palette-#{$name}: #{$value};
	}
}

@each $name, $value in palette.values() {
	.background-#{$name} {
		background: var(--md-ref-palette-#{$name});
	}

	.color-#{$name} {
		color: var(--md-ref-palette-#{$name});
	}
}