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


// Scarlet
@mixin scarlet($imp:null) { color: $color-brand-alpha $imp; }
@mixin scarlet-at-dark($imp:null) { color: $scarlet $imp; }


// Cream
@mixin cream($imp:null) { color: $cream $imp; }
// TODO: determine state styles
@mixin cream-visited($imp:null) { color: $cream $imp; }
@mixin cream-hover($imp:null) { color: $cream $imp; }
@mixin cream-active($imp:null) { color: $cream $imp; }


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


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


// Green
@mixin green($imp:null) { color: $color-brand-zeta $imp; }
@mixin green-at-dark($imp:null) { color: $green $imp; }
@mixin light-green($imp:null) { color: $color-brand-light-zeta $imp; }


// Blue
@mixin blue($imp:null) { color: $color-brand-eta $imp; }
@mixin blue-at-dark($imp:null) { color: $blue $imp; }
@mixin light-blue($imp:null) { color: $color-brand-light-eta $imp; }


// Purple
@mixin purple($imp:null) { color: $color-brand-theta $imp; }
@mixin purple-at-dark($imp:null) { color: $purple $imp; }
@mixin light-purple($imp:null) { color: $color-brand-light-theta $imp; }


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


// Orange
@mixin orange($imp:null) { color: $orange $imp; }