style: switch storefront theme palette

frontend/src/pages/WorkDetail.css

@@ -33,7 +33,7 @@
 }
 
 .breadcrumb a:hover {
-  color: #ef6a5b;
+  color: var(--brand);
 }
 
 .breadcrumb .current {
@@ -64,7 +64,7 @@
   padding: 8px 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;
@@ -149,8 +149,8 @@
 .preview-badge {
   padding: 8px 12px;
   border-radius: 999px;
-  background: #fff0e7;
-  color: #d84e3f;
+  background: var(--brand-soft);
+  color: var(--brand-strong);
   font-size: 12px;
   font-weight: 700;
 }
@@ -203,7 +203,7 @@
 }
 
 .preview-benefit .anticon {
-  color: #ef6a5b;
+  color: var(--brand);
   font-size: 16px;
   margin-top: 2px;
 }
@@ -322,7 +322,7 @@
 }
 
 .designer-level {
-  color: #ef6a5b;
+  color: var(--brand);
   margin-right: 4px;
 }
 
@@ -376,7 +376,7 @@
 }
 
 .price-value {
-  color: #da5748;
+  color: var(--brand);
   font-size: 40px;
   line-height: 1;
   font-weight: 800;
@@ -410,7 +410,7 @@
 }
 
 .info-value.highlight {
-  color: #db5748;
+  color: var(--brand);
 }
 
 .work-actions {
@@ -424,7 +424,7 @@
   height: 50px;
   border: none;
   border-radius: 18px;
-  background: linear-gradient(135deg, #ef6a5b 0%, #d84e3f 100%);
+  background: linear-gradient(135deg, var(--brand) 0%, var(--brand-strong) 100%);
   box-shadow: 0 16px 30px rgba(216, 78, 63, 0.24);
   font-weight: 700;
 }
@@ -440,7 +440,7 @@
 
 .icon-btn.ant-btn:hover,
 .icon-btn.ant-btn.collected {
-  color: #ef6a5b;
+  color: var(--brand);
   border-color: rgba(239, 106, 91, 0.4);
 }
 
@@ -484,7 +484,7 @@
 .designer-level-badge {
   padding: 4px 10px;
   border-radius: 999px;
-  background: #ef6a5b;
+  background: var(--brand);
   color: #fff;
   font-size: 12px;
   font-weight: 700;
@@ -572,7 +572,7 @@
 }
 
 .stat-row .anticon {
-  color: #ef6a5b;
+  color: var(--brand);
 }
 
 @media (max-width: 1200px) {