@each $color, $value in $colors {

@include bg-variant(".bg-#{$color}", $value);

}

@each $color, $value in $theme-colors {

@include bg-gradient-variant(".bg-gradient-#{$color}", $value);

}

@each $color, $value in $colors {

@include bg-gradient-variant(".bg-gradient-#{$color}", $value);

}

// Sections

section {

//background-color: section-color("primary");

}

@each $color, $value in $section-colors {

@include bg-variant(".section-#{$color}", $value);

}

@each $color, $value in $theme-colors {

@include bg-gradient-variant(".bg-gradient-#{$color}", $value);

}

// Shape (svg) fill colors @each $color, $value in $theme-colors {

.fill-#{$color}  {
    fill: $value;
}

.stroke-#{$color}  {
    stroke: $value;
}

}

.fill-opacity-8 {

fill-opacity: .8;

}