// TEXT COLORS
.text-brand-primary { color: $color-brand-primary }
.text-brand-secondary { color: $color-brand-secondary }
.text-brand-darker { color: $color-brand-darker }
.text-brand-lighter { color: $color-brand-lighter }
.text-brand-button { color: $color-brand-button }

.text-action-info { color: $color-action-info }
.text-action-error { color: $color-action-error }
.text-action-warning { color: $color-action-warning }
.text-action-success { color: $color-action-success }

.text-white { color: $color-ui-lighter }
.text-01 { color: $color-text-01 }
.text-02 { color: $color-text-02 }
.text-03 { color: $color-text-03 }

.text-current { color: currentColor }

// BACKGROUNDS
.bg-transparent { background-color: $color-ui-transparent }

.bg-white { background-color: $color-ui-lighter }

.bg-brand-primary { background-color: $color-brand-primary }
.bg-brand-secondary { background-color: $color-brand-secondary }
.bg-brand-button { background-color: $color-brand-button }
.bg-brand-darker { background-color: $color-brand-darker }
.bg-brand-lighter { background-color: $color-brand-lighter }

.bg-action-info { background-color: $color-action-info }
.bg-action-error { background-color: $color-action-error }
.bg-action-warning { background-color: $color-action-warning }
.bg-action-success { background-color: $color-action-success }