.text-success,
a.text-success {
  color: $color-success;
}

.text-warning,
a.text-warning {
  color: $color-warning;
}

.text-inverse,
a.text-inverse {
  color: $color-background;
}

a.text-success,
a.text-warning,
a.text-inverse {
  text-decoration: underline;
}

.bg-primary {
  background-color: $color-primary;
}

.bg-success {
  background-color: $color-success;
}

.bg-warning {
  background-color: $color-warning;
}

.bg-danger {
  background-color: $color-danger;
}

.bg-inverse {
  background-color: $color-text;
}

.bg-primary-faded {
  background-color: $color-primary-faded;
}

.bg-success-faded {
  background-color: $color-success-faded;
}

.bg-warning-faded {
  background-color: $color-warning-faded;
}

.bg-danger-faded {
  background-color: $color-danger-faded;
}

.bg-faded {
  background-color: $color-background-faded;
}