$black: #111;
$white: #d8e5f1;
$red: #df3c06;
$orange: #fbac45;
$yellow: #e9d92a;
$green: #0dc94b;
$blue: #4e6af8;
$violet: #d946db;

$all-colors: (
    'white': $white,
    'black': $black,
    'red': $red,
    'orange': $orange,
    'yellow': $yellow,
    'green': $green,
    'blue': $blue,
    'violet': $violet
);

@each $col, $val in $all-colors {
    .#{$col}-color {
        color: #{$val};
    }
}
.muted-color {
    color: var(--muted-color);
}
.action-color {
    color: var(--action-color);
}
.error-color {
    color: var(--error-color);
}
