body {
  background: $gray-875;
}

section.title-bar {
  background: $gray-950;
  border-bottom: solid 0.0625rem $black;

  .breadcrumbs span,
  .breadcrumbs span>a {
    color: $gray-700;
  }

  .subtext {
    color: $gray-700;
  }
}

.breadcrumbs-bg {
  background-color: $gray-850;
  border-bottom: 1px solid $gray-875;
  z-index: 10;
  box-shadow: 0 0 0.5rem $shadow-darker;
}

@include media-breakpoint-down(xs) {
  .breadcrumbs, .breadcrumbs-bg {
    background: linear-gradient(135deg, $gray-800 0%, $gray-900 99%);
  }
}

$overview-border-color: #242424;

.overview {
  background: linear-gradient(to bottom right, $gray-850 50%, $gray-900 100%);
  border-bottom: solid 0.0625rem $overview-border-color;

  .subtext {
    color: $gray-600;
  }

  .title {
    color: $black;
  }
}
