superhero: lighten hr

superhero/_variables.scss

@@ -854,4 +854,4 @@ $page-header-border-color:    $gray-lighter;
 //** Width of horizontal description list titles
 $dl-horizontal-offset:        $component-offset-horizontal;
 //** Horizontal line color.
-$hr-border:                   $gray-light;
+$hr-border:                   lighten($gray-light, 5%);

superhero/bootstrap.css

@@ -1138,7 +1138,7 @@ hr {
   margin-top: 21px;
   margin-bottom: 21px;
   border: 0;
-  border-top: 1px solid #4e5d6c;
+  border-top: 1px solid #596a7b;
 }
 .sr-only {
   position: absolute;

superhero/variables.less

@@ -854,4 +854,4 @@
 //** Width of horizontal description list titles
 @dl-horizontal-offset:        @component-offset-horizontal;
 //** Horizontal line color.
-@hr-border:                   @gray-light;
+@hr-border:                   lighten(@gray-light, 5%);