h1, h2, h3, h4, h5, h6 {
  color: $gunmetal;
}

p {
  color: $gray-700;
}

.link-body {
  color: $gunmetal;
}

.highlight {
  background: $gray-75;
}

.text-muted {
  color: $gray-500;
}

.text-link {
  color: $link-color;
}

.content-inset {
  border-top: solid 0.0625rem $gray-150;
  border-bottom: solid 0.0625em $gray-150;
  background: $gray-75;
}

// This gives the utility classes .text-COLOR_VAR, .bg-COLOR_VAR,
// and .badge-COLOR_VAR for each color below.
@include status-color-components("low", $alert-low, true);
@include status-color-components("medium", $alert-medium, true);
@include status-color-components("high", $alert-high, true);
@include status-color-components("alert-blue", $alert-blue, true);
@include status-color-components("alert-green", $alert-green, true);
@include status-color-components("data-blue", $data-blue, true);

@include status-color-components("gray-200", $gray-200, true);

@include status-color-components("marine-020", $marine-020);
@include status-color-components("marine-040", $marine-040, true);
@include status-color-components("marine-060", $marine-060, true);
@include status-color-components("marine-080", $marine-080, true);
@include status-color-components("marine-100", $marine-100, true);
@include status-color-components("meadow-020", $meadow-020);
@include status-color-components("meadow-040", $meadow-040);
@include status-color-components("meadow-060", $meadow-060, true);
@include status-color-components("meadow-080", $meadow-080, true);
@include status-color-components("meadow-100", $meadow-100, true);
@include status-color-components("magma-020", $magma-020);
@include status-color-components("magma-040", $magma-040, true);
@include status-color-components("magma-060", $magma-060, true);
@include status-color-components("magma-080", $magma-080, true);
@include status-color-components("magma-100", $magma-100, true);
