It feels very bad to not commit appropriately

resources/css/main.scss

@@ -45,7 +45,6 @@ html, body {
 }
 
 #footer {
-  background: black;
   grid-column: 2;
   grid-row: 3;
 }

resources/css/partials/footer.scss

@@ -2,6 +2,7 @@
 
 
 #footer {
+  background: variables.$clr_footer;
   margin: 0;
   display: flex;
   justify-content: flex-start;
@@ -10,7 +11,7 @@
   padding: variables.$innerContainerMargin;
 
   .footer-column {
-    color: aliceblue;
+    color: variables.$clr_footer_sleep;
     display: flex;
     flex-direction: column;
     margin: 0 20px 0 0;
@@ -33,6 +34,10 @@
       margin: 0 0 5px 0;
       font: 16px "Montserrat", sans-serif;
       font-weight: 500;
+
+      &:hover {
+        color: variables.$clr_footer_active;
+      }
     }
 
     .footer-social {
@@ -48,7 +53,7 @@
       }
 
       &:hover {
-        background: variables.$clr_nav_active;
+        background: variables.$clr_footer_active;
         color: black;
       }
     }

resources/css/variables.scss

@@ -11,6 +11,10 @@ $clr_logo: #D6FFFF;
 $clr_nav_sleep: #A3C2C2;
 $clr_nav_active: $clr_logo;
 
+$clr_footer: #000000;
+$clr_footer_sleep: #DFE8E8;
+$clr_footer_active: #F5FFFF;
+
 $clr_sides: #364040;
 
 @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap');