/////////////////////////////////////
// THEME / MIXINS / BACKGROUND COLORS
/////////////////////////////////////


// Scarlet
@mixin bg-scarlet($imp:null) { background-color: var(--bg-scarlet) $imp; }


// Cream
@mixin bg-cream($imp:null) { background-color: var(--bg-body) $imp; }


// Gray
@mixin bg-lightest($imp:null) { background-color: var(--bg-lightest-gray) $imp; }
@mixin bg-lighter($imp:null) { background-color: var(--bg-lighter-gray) $imp; }
@mixin bg-light($imp:null) { background-color: var(--bg-light-gray) $imp; }
@mixin bg-dark($imp:null) { background-color: $dark-gray $imp; }
@mixin bg-darker($imp:null) { background-color: $darker-gray $imp; }
@mixin bg-darkest($imp:null) { background-color: $darkest-gray $imp; }


// Cerulean
@mixin bg-cerulean($imp:null) { background-color: $cerulean $imp; }


// Green
@mixin bg-green($imp:null) { background-color: $green $imp; }
@mixin bg-light-green($imp:null) { background-color: $light-green $imp; }


// Blue
@mixin bg-blue($imp:null) { background-color: $blue $imp; }
@mixin bg-light-blue($imp:null) { background-color: $light-blue $imp; }


// Purple
@mixin bg-purple($imp:null) { background-color: $purple $imp; }
@mixin bg-light-purple($imp:null) { background-color: $light-purple $imp; }


// Yellow
@mixin bg-yellow($imp:null) { background-color: $yellow $imp; }