@use '@angular/material' as mat;

@mixin color($theme) {
	.bui-step-progress-label {
		color: mat.get-theme-color($theme, on-surface-variant);
	}

	.bui-stepper-content-container {
		border-color: mat.get-theme-color($theme, outline-variant);
		background-color: mat.get-theme-color($theme, surface);
	}

	.bui-stepper-progress-indicator-section.bui-step-section-interacted {
		background-color: mat.get-theme-color($theme, tertiary);
	}
}

@mixin theme($theme) {
	@include color($theme);
}