From 572a44f2dbb26dfd223319da645545f097fa4828 Mon Sep 17 00:00:00 2001
From: Chris Contolini <contolini@users.noreply.github.com>
Date: Tue, 26 Oct 2021 04:54:53 -0400
Subject: [PATCH] Consolidate hero variables

---
 packages/cfpb-layout/src/cfpb-layout.less      |  8 --------
 packages/cfpb-layout/src/molecules/heroes.less | 12 +++++++++---
 2 files changed, 9 insertions(+), 11 deletions(-)

diff --git a/packages/cfpb-layout/src/cfpb-layout.less b/packages/cfpb-layout/src/cfpb-layout.less
index 313dcdcd09..8dbad55f62 100644
--- a/packages/cfpb-layout/src/cfpb-layout.less
+++ b/packages/cfpb-layout/src/cfpb-layout.less
@@ -37,14 +37,6 @@
 // .grid_column__top-divider
 @grid_column__left-divider:     @block__border;
 
-// Hero variables
-
-@hero-desktop-height:           285px;
-
-@hero-bg:                       @block__bg;
-@hero-knockout-bg:              @gray;
-@hero-knockout-text:            @white;
-
 // Featured Content Module variables
 
 @fcm-visual-width:              270px;
diff --git a/packages/cfpb-layout/src/molecules/heroes.less b/packages/cfpb-layout/src/molecules/heroes.less
index e7bd782d94..435a980eac 100644
--- a/packages/cfpb-layout/src/molecules/heroes.less
+++ b/packages/cfpb-layout/src/molecules/heroes.less
@@ -1,5 +1,11 @@
+// Hero variables
+
+@hero-desktop-height:           285px;
+
+// Hero molecule
+
 .m-hero {
-    background-color: @hero-bg;
+    background-color: @gray-5;
 
     &_wrapper {
         padding-top: unit( @grid_gutter-width / @base-font-size-px, em );
@@ -91,8 +97,8 @@
     }
 
     &__knockout {
-        background-color: @hero-knockout-bg;
-        color: @hero-knockout-text;
+        background-color: @gray;
+        color: @white;
     }
 
     &__bleeding {