style: switch storefront theme palette

frontend/src/components/Footer.css

@@ -74,7 +74,7 @@
   display: grid;
   place-items: center;
   background: #fff1e9;
-  color: #ef6a5b;
+  color: var(--brand);
   font-size: 18px;
 }
 
@@ -126,8 +126,8 @@
 
 .footer-link:hover {
   border-color: rgba(239, 106, 91, 0.32);
-  color: #ef6a5b;
-  background: #fff4ef;
+  color: var(--brand);
+  background: var(--brand-soft);
 }
 
 .footer-link .anticon {
@@ -154,7 +154,7 @@
   height: 52px;
   border-radius: 18px;
   background: linear-gradient(135deg, #fff1e9 0%, #ffe0d2 100%);
-  color: #ef6a5b;
+  color: var(--brand);
   display: grid;
   place-items: center;
   font-size: 24px;
@@ -188,7 +188,7 @@
 }
 
 .email-link {
-  color: #ef6a5b;
+  color: var(--brand);
   margin-left: 4px;
 }