style: switch storefront theme palette

frontend/src/components/Categories.css

@@ -30,7 +30,7 @@
   padding: 7px 12px;
   border-radius: 999px;
   background: rgba(239, 106, 91, 0.1);
-  color: #d84e3f;
+  color: var(--brand-strong);
   font-size: 12px;
   font-weight: 700;
   letter-spacing: 0.08em;
@@ -82,9 +82,9 @@
 }
 
 .scroll-btn.ant-btn:hover {
-  color: #ef6a5b !important;
+  color: var(--brand) !important;
   border-color: rgba(239, 106, 91, 0.4) !important;
-  background: #fff4ef !important;
+  background: var(--brand-soft) !important;
 }
 
 .categories-scroll {
@@ -192,7 +192,7 @@
   display: inline-flex;
   align-items: center;
   gap: 6px;
-  color: #ef6a5b;
+  color: var(--brand);
   font-size: 13px;
   font-weight: 700;
 }