diff --git a/services/web-ui/src/css/components/tokens.css b/services/web-ui/src/css/components/tokens.css
index eccc362..0511eb8 100644
--- a/services/web-ui/src/css/components/tokens.css
+++ b/services/web-ui/src/css/components/tokens.css
@@ -6,34 +6,34 @@
  * just the few tokens that are referenced from inline styles. */
 :root {
   /* Surfaces */
-  --bg-deep:    oklch(8% 0.011 266);
-  --bg-base:    oklch(11% 0.010 266);
-  --bg-panel:   oklch(15% 0.013 266);
-  --bg-surface: oklch(19% 0.014 266);
-  --bg-raised:  oklch(24% 0.015 266);
-  --bg-hover:   oklch(28% 0.015 266);
+  --bg-deep:    oklch(8% 0.011 32);
+  --bg-base:    oklch(11% 0.010 32);
+  --bg-panel:   oklch(15% 0.013 32);
+  --bg-surface: oklch(19% 0.014 32);
+  --bg-raised:  oklch(24% 0.015 32);
+  --bg-hover:   oklch(28% 0.015 32);
 
   /* Accent */
-  --accent:        oklch(45% 0.20 266);
-  --accent-subtle: oklch(55% 0.20 266 / 0.12);
-  --accent-border: oklch(55% 0.20 266 / 0.36);
+  --accent:        oklch(62% 0.22 32);
+  --accent-subtle: oklch(62% 0.22 32 / 0.12);
+  --accent-border: oklch(62% 0.22 32 / 0.36);
 
   /* Text — tertiary bumped to 56% for AA contrast on bg-panel */
-  --text-primary:   oklch(94% 0.008 266);
-  --text-secondary: oklch(72% 0.014 266);
-  --text-tertiary:  oklch(56% 0.012 266);
-  --text-disabled:  oklch(38% 0.010 266);
+  --text-primary:   oklch(94% 0.008 32);
+  --text-secondary: oklch(72% 0.014 32);
+  --text-tertiary:  oklch(56% 0.012 32);
+  --text-disabled:  oklch(38% 0.010 32);
 
   /* Borders */
-  --border-faint:   oklch(22% 0.013 266);
-  --border:         oklch(28% 0.015 266);
-  --border-strong:  oklch(38% 0.018 266);
+  --border-faint:   oklch(22% 0.013 32);
+  --border:         oklch(28% 0.015 32);
+  --border-strong:  oklch(38% 0.018 32);
 
   /* Semantic signal */
   --signal-good: oklch(70% 0.18 148);
   --signal-bad:  oklch(64% 0.22 25);
   --signal-warn: oklch(80% 0.16 90);
-  --signal-idle: oklch(58% 0.012 266);
+  --signal-idle: oklch(58% 0.012 32);
   --signal-good-bg: oklch(70% 0.18 148 / 0.12);
   --signal-bad-bg:  oklch(64% 0.22 25  / 0.12);
   --signal-warn-bg: oklch(80% 0.16 90  / 0.12);
@@ -59,15 +59,15 @@
   /* Hover-darker variants of accent + signals — promoted from
    * inline oklch() arithmetic that was duplicated across button.css
    * and card-operational.css */
-  --accent-hover:      oklch(52% 0.20 266);
-  --accent-bright:     oklch(70% 0.18 266);
+  --accent-hover:      oklch(68% 0.22 32);
+  --accent-bright:     oklch(76% 0.20 32);
   --signal-bad-hover:  oklch(68% 0.22 25);
   --signal-good-hover: oklch(74% 0.18 148);
   --signal-warn-hover: oklch(84% 0.16 90);
   /* Pure-black-ish tinted toward brand hue for thumbnails & overlays. */
-  --thumb-black: oklch(0% 0 266);
-  --overlay:     oklch(8% 0.010 266 / 0.65);
-  --shadow:      oklch(0% 0 266 / 0.5);
+  --thumb-black: oklch(0% 0 32);
+  --overlay:     oklch(8% 0.010 32 / 0.65);
+  --shadow:      oklch(0% 0 32 / 0.5);
 
   /* Motion + ease tokens — promoted from raw cubic-bezier strings */
   --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);