diff --git a/apps/stats/workspace.html b/apps/stats/workspace.html
index 29465f713..76b44fffa 100644
--- a/apps/stats/workspace.html
+++ b/apps/stats/workspace.html
@@ -10,10 +10,7 @@ h1 {
   margin-top: 0;
   font-size: 1.75rem;
   margin-bottom: 0.5em;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: var(--facet-color, #b06a1a);
 }
 
 /* Loading state */
@@ -28,7 +25,7 @@ h1 {
   width: 40px;
   height: 40px;
   border: 4px solid #f0f0f0;
-  border-top-color: #667eea;
+  border-top-color: var(--facet-color, #b06a1a);
   border-radius: 50%;
   animation: spin 1s linear infinite;
   margin: 0 auto 1em;
@@ -114,10 +111,7 @@ h1 {
   font-size: 2em;
   font-weight: 700;
   margin: 0;
-  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  background-clip: text;
+  color: var(--facet-color, #b06a1a);
   line-height: 1.1;
 }
 
@@ -159,7 +153,7 @@ h1 {
 
 .progress-fill {
   height: 100%;
-  background: linear-gradient(90deg, #667eea, #764ba2);
+  background: var(--facet-color, #b06a1a);
   border-radius: 8px;
   transition: width 0.5s ease;
   display: flex;
@@ -221,7 +215,7 @@ h1 {
 
 .bar {
   flex: 1;
-  background: linear-gradient(to top, #667eea, #764ba2);
+  background: var(--facet-color, #b06a1a);
   border-radius: 4px 4px 0 0;
   transition: filter 0.2s;
   position: relative;