Total color overhaul on Front and Guild page

src/components/ContactCard/ContactCard.scss

@@ -1,8 +1,9 @@
 @import "../../assets/scss/globals";
 
+
 .contact-card {
-  background-color: $white;
-  color: $dark-blue;
+  background-color: color(white);
+  color: color(dark-blue);
   white-space: wrap;
   margin: 1rem 1rem;
   display: flex;
@@ -30,7 +31,7 @@
     font-size: 1.5rem;
     text-align: center;
     font-weight: 300;
-    color: $black;
+    color: color(black);
   }
 
   &__image {
@@ -68,7 +69,7 @@
     margin: 0 0 0.5rem;
     font-weight: 200;
     line-height: 22px;
-    color: $black;
+    color: color(black);
 
     @media screen and (max-width: 1200px - 1px) {
       margin: 0.5rem 0;
@@ -77,7 +78,7 @@
   }
 
   &__datetime {
-    color: $orange1;
+    color: color(orange1);
     display: flex;
     justify-content: center;
     text-align: center;