Use new color names

Author: jarrodmillman

assets/css/mailchimp.css

@@ -13,27 +13,27 @@
 .sign-up-image {
   height: 35px;
   padding: 5px 10px 6px 10px;
-  border-right: 1px solid var(--colorPrimaryDark);
-  background-color: var(--colorSecondary);
+  border-right: 1px solid var(--spht-color-dark);
+  background-color: var(--spht-color-light);
   border-radius: 5px 0 0 5px;
 }
 
 #footer .sign-up-image svg.icon {
-  fill: var(--colorPrimaryDark);
+  fill: var(--spht-color-dark);
   width: 1.25rem;
   height: 1.25rem;
   padding-bottom: 2px;
 }
 
 .sign-up-input {
-  background-color: var(--colorSecondary);
+  background-color: var(--spht-color-light);
   border-radius: 0 5px 5px 0;
   border: none;
   width: 75%;
   height: 35px;
   padding-left: 5px;
   font-size: 14px;
-  color: var(--colorPrimaryDark);
+  color: var(--spht-color-dark);
 }
 
 .submission-instructions {
@@ -48,7 +48,7 @@
 }
 
 #footer .signup-button svg.icon {
-  fill: var(--colorPrimaryDark);
+  fill: var(--spht-color-dark);
   width: 1.6rem;
   height: 1.6rem;
   padding-bottom: 2px;
@@ -58,9 +58,9 @@
 .thank-you {
   display: none;
   height: 75px;
-  color: var(--colorSecondary);
+  color: var(--spht-color-light);
   align-items: center;
-  color: var(--colorSecondary);
+  color: var(--spht-color-light);
 }
 
 @media only screen and (max-width: 1150px) {