Sass Mixins for Color Variables

_mixins.scss

// Text Color Mixin.
@mixin color($colorVar) {
	color: map-get($themeColors, $colorVar);
	color: var($colorVar);
}

// Background Color mixin.
@mixin backgroundColor($colorVar) {
	background-color: map-get($themeColors, $colorVar);
	background-color: var($colorVar);
}

_variables.scss

// Theme Colors.
$themeColors: (
	--primary-color   : #006699,
	--secondary-color : #0791b6,
	--accent-color    : #ddcc11,
);

style.scss

@import '_variables';
@import '_mixins';

// Usage.
a {
	@include color(--primary-color);
}

// Output.
a {
	color: #006699;
	color: var(--primary-color);
}