// Text/Background Colors
// -----------------------------------------------------------------------------
// See `base/typography.scss` and `base/links.scss` for how text/link color
// interacts with these.
//
// Other components may also have special cases for resets and dark backgrounds,
// defined in their respective locations to prevent specificity problems.

@each $name, $color in $ui-colors {
  .u-text-color-#{str-replace($name, 'u-')} {    color: $color !important; }
  .u-bg-#{str-replace($name, 'u-')} { background-color: $color !important; }
}

.u-bg-reset { background-color: $body-bg; }

// .u-bg-dark is not defined here, but in components it affects


.u-text-color-reset,
.u-bg-reset {
  color: $text-color;
}

.u-bg-dark,
.u-bg-dark .u-text-color-reset {
  color: $text-color-inverse;
}