diff --git a/frontend/src/assets/editor-shared.css b/frontend/src/assets/editor-shared.css
index 42123fe..b3cdc85 100644
--- a/frontend/src/assets/editor-shared.css
+++ b/frontend/src/assets/editor-shared.css
@@ -52,18 +52,18 @@
 }
 .btn-save {
   padding: 0.45rem 1.1rem;
-  background: linear-gradient(135deg, #6366f1, #4f46e5);
+  background: linear-gradient(135deg, #5B4A8A, #3F3560);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-weight: 600;
   font-size: 0.875rem;
-  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.28);
+  box-shadow: 0 2px 8px rgba(91, 74, 138, 0.28);
   transition: box-shadow 0.15s, opacity 0.15s;
 }
 .btn-save:hover:not(:disabled) {
-  box-shadow: 0 4px 14px rgba(99, 102, 241, 0.42);
+  box-shadow: 0 4px 14px rgba(91, 74, 138, 0.42);
   opacity: 0.95;
 }
 .btn-save:disabled {
diff --git a/frontend/src/assets/theme.css b/frontend/src/assets/theme.css
index dd65cb9..c96aed0 100644
--- a/frontend/src/assets/theme.css
+++ b/frontend/src/assets/theme.css
@@ -1,131 +1,147 @@
-@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Inter:ital,wght@0,400;0,500;1,400&family=JetBrains+Mono:ital,wght@0,400;1,400&display=swap');
 
 :root {
-  --color-bg: #f5f5fb;
-  --color-bg-secondary: #ededf5;
-  --color-bg-card: #ffffff;
-  --color-surface: #f0f0f8;
-  --color-text: #1a1a1a;
-  --color-text-secondary: #666666;
-  --color-text-muted: #999999;
-  --color-border: #dddde8;
-  --color-input-border: #c8c8d8;
-  --color-primary: #7c3aed;
-  --color-danger: #d93025;
-  --color-tag-bg: #ede5ff;
-  --color-tag-text: #6d28d9;
+  /* Light mode — warm parchment palette */
+  --color-bg: #F5F1E8;
+  --color-bg-secondary: #FBF8F0;
+  --color-bg-card: #FBF8F0;
+  --color-surface: #EFEAE0;
+  --color-text: #14171A;
+  --color-text-secondary: #5A5852;
+  --color-text-muted: #9A9890;
+  --color-border: #D9D6CE;
+  --color-input-border: #D9D6CE;
+  --color-primary: #5B4A8A;
+  --color-danger: #C04A1F;
+  --color-tag-bg: rgba(91, 74, 138, 0.12);
+  --color-tag-text: #5B4A8A;
   --color-shadow: rgba(0, 0, 0, 0.08);
-  --color-toast-success: #34a853;
-  --color-toast-error: #d93025;
-  --color-status-todo: #5f6368;
-  --color-status-todo-bg: #e8eaed;
-  --color-status-in-progress: #7c3aed;
-  --color-status-in-progress-bg: #ede5ff;
-  --color-status-done: #34a853;
-  --color-status-done-bg: #e6f4ea;
-  --color-priority-low: #5f9ea0;
-  --color-priority-low-bg: #e0f2f1;
-  --color-priority-medium: #f9a825;
-  --color-priority-medium-bg: #fff8e1;
-  --color-priority-high: #d93025;
-  --color-priority-high-bg: #fce8e6;
-  --color-wikilink: #7b1fa2;
-  --color-wikilink-bg: #f3e5f5;
-  --color-overdue: #d93025;
-  --color-code-bg: #f0f0f8;
-  --color-code-inline-bg: #eaeaf4;
-  --color-table-stripe: #f4f4fb;
-  --color-success: #22c55e;
-  --color-warning: #eab308;
-  --color-input-bar-bg: #eaeaf3;
-  --color-input-bar-text: #1a1a1a;
-  --color-input-bar-placeholder: rgba(0, 0, 0, 0.4);
+  --color-toast-success: #4A5D3F;
+  --color-toast-error: #C04A1F;
+  --color-status-todo: #3F4651;
+  --color-status-todo-bg: rgba(63, 70, 81, 0.10);
+  --color-status-in-progress: #5B4A8A;
+  --color-status-in-progress-bg: rgba(91, 74, 138, 0.12);
+  --color-status-done: #4A5D3F;
+  --color-status-done-bg: rgba(74, 93, 63, 0.12);
+  --color-priority-low: #3D5A6E;
+  --color-priority-low-bg: rgba(61, 90, 110, 0.12);
+  --color-priority-medium: #8B6F1E;
+  --color-priority-medium-bg: rgba(139, 111, 30, 0.12);
+  --color-priority-high: #C04A1F;
+  --color-priority-high-bg: rgba(192, 74, 31, 0.12);
+  --color-wikilink: #5B4A8A;
+  --color-wikilink-bg: rgba(91, 74, 138, 0.12);
+  --color-overdue: #C04A1F;
+  --color-code-bg: #EBEDF0;
+  --color-code-inline-bg: #EBEDF0;
+  --color-table-stripe: rgba(20, 23, 26, 0.025);
+  --color-success: #4A5D3F;
+  --color-warning: #8B6F1E;
+  --color-input-bar-bg: #EFEAE0;
+  --color-input-bar-text: #14171A;
+  --color-input-bar-placeholder: rgba(20, 23, 26, 0.4);
   --color-overlay: rgba(0, 0, 0, 0.45);
-  --color-bubble-user-bg: rgba(0, 0, 0, 0.04);
-  --color-bubble-user-border: rgba(0, 0, 0, 0.10);
-  --color-bubble-user-text: #3a3a4a;
-  --color-bubble-asst-shadow: 0 2px 16px rgba(124, 58, 237, 0.10), 0 1px 4px rgba(0, 0, 0, 0.06);
+  --color-bubble-user-bg: transparent;
+  --color-bubble-user-border: #D9D6CE;
+  --color-bubble-user-text: #5A5852;
+  --color-bubble-asst-shadow: 0 2px 14px rgba(91, 74, 138, 0.06), 0 1px 4px rgba(0, 0, 0, 0.05);
+  --color-primary-solid: #5B4A8A;
+  --color-primary-deep: #3F3560;
+  --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
+  --glow-cta: 0 2px 10px rgba(91, 74, 138, 0.35);
+  --glow-cta-hover: 0 4px 20px rgba(91, 74, 138, 0.55);
+  --glow-soft: 0 0 16px rgba(91, 74, 138, 0.35);
+  --color-primary-faint: rgba(91, 74, 138, 0.08);
+  --color-primary-tint: rgba(91, 74, 138, 0.12);
+  --color-primary-wash: rgba(91, 74, 138, 0.20);
+
+  /* Action color set — Hybrid rule: action buttons use these, accent reserved for brand moments */
+  --color-action-primary: #4A5D3F;
+  --color-action-primary-hover: #5A6F4D;
+  --color-action-secondary: #8B7355;
+  --color-action-secondary-hover: #A0876A;
+  --color-action-destructive: #6B2118;
+  --color-action-destructive-hover: #7E2A1F;
+  --color-action-ghost-border: #3F4651;
+
   --radius-sm: 6px;
   --radius-md: 12px;
   --radius-lg: 18px;
   --radius-pill: 9999px;
-  --focus-ring: 0 0 0 2px rgba(124, 58, 237, 0.4);
+  --focus-ring: 0 0 0 2px rgba(91, 74, 138, 0.5);
   /* Layout */
   --page-max-width: 1200px;
   --page-padding-x: 1rem;
   --sidebar-width: 260px;
   --chat-reading-width: min(1200px, 100%);
   --chat-context-sidebar-width: 220px;
-  --color-accent-warm: #b8860b;
-  --color-accent-warm-light: #d4a017;
-  --color-primary-solid: #7c3aed;
-  --color-primary-deep: #5b21b6;
-  /* Reusable brand patterns */
-  --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
-  --glow-cta: 0 2px 10px rgba(124, 58, 237, 0.35);
-  --glow-cta-hover: 0 4px 20px rgba(124, 58, 237, 0.55);
-  --glow-soft: 0 0 16px rgba(124, 58, 237, 0.35);
-  --color-primary-faint: rgba(124, 58, 237, 0.08);
-  --color-primary-tint: rgba(124, 58, 237, 0.12);
-  --color-primary-wash: rgba(124, 58, 237, 0.20);
 }
 
 [data-theme="dark"] {
-  --color-bg: #0f0f14;
-  --color-bg-secondary: #16161f;
-  --color-bg-card: #1a1a24;
-  --color-surface: #16161f;
-  --color-text: #e4e4f0;
-  --color-text-secondary: #8888a8;
-  --color-text-muted: #52526a;
-  --color-border: rgba(124, 58, 237, 0.22);
-  --color-input-border: rgba(124, 58, 237, 0.35);
-  --color-primary: #a78bfa;
-  --color-danger: #f44336;
-  --color-tag-bg: #2a2a45;
-  --color-tag-text: #c4b5fd;
+  /* Dark mode — Obsidian / Iron / Pewter */
+  --color-bg: #14171A;
+  --color-bg-secondary: #1E2228;
+  --color-bg-card: #1E2228;
+  --color-surface: #2C313A;
+  --color-text: #E8E4D8;
+  --color-text-secondary: #C2BFB4;
+  --color-text-muted: #9C9A92;
+  --color-border: #3F4651;
+  --color-input-border: #3F4651;
+  --color-primary: #5B4A8A;
+  --color-danger: #C04A1F;
+  --color-tag-bg: rgba(91, 74, 138, 0.15);
+  --color-tag-text: #5B4A8A;
   --color-shadow: rgba(0, 0, 0, 0.4);
-  --color-toast-success: #4caf50;
-  --color-toast-error: #f44336;
-  --color-status-todo: #9aa0a6;
-  --color-status-todo-bg: #2a2a35;
-  --color-status-in-progress: #a78bfa;
-  --color-status-in-progress-bg: #2a2a45;
-  --color-status-done: #4caf50;
-  --color-status-done-bg: #1b3a20;
-  --color-priority-low: #80cbc4;
-  --color-priority-low-bg: #1a3a38;
-  --color-priority-medium: #fdd835;
-  --color-priority-medium-bg: #3a3520;
-  --color-priority-high: #f44336;
-  --color-priority-high-bg: #3a1a1a;
-  --color-wikilink: #c4b5fd;
-  --color-wikilink-bg: #2a1a45;
-  --color-overdue: #f44336;
-  --color-code-bg: #12121a;
-  --color-code-inline-bg: #1a1a2a;
-  --color-table-stripe: #14141e;
-  --color-success: #4ade80;
-  --color-warning: #facc15;
-  --color-input-bar-bg: #1a1a24;
-  --color-input-bar-text: #e4e4f0;
-  --color-input-bar-placeholder: rgba(228, 228, 240, 0.35);
+  --color-toast-success: #4A5D3F;
+  --color-toast-error: #C04A1F;
+  --color-status-todo: #3F4651;
+  --color-status-todo-bg: rgba(63, 70, 81, 0.18);
+  --color-status-in-progress: #5B4A8A;
+  --color-status-in-progress-bg: rgba(91, 74, 138, 0.18);
+  --color-status-done: #4A5D3F;
+  --color-status-done-bg: rgba(74, 93, 63, 0.18);
+  --color-priority-low: #3D5A6E;
+  --color-priority-low-bg: rgba(61, 90, 110, 0.18);
+  --color-priority-medium: #8B6F1E;
+  --color-priority-medium-bg: rgba(139, 111, 30, 0.18);
+  --color-priority-high: #C04A1F;
+  --color-priority-high-bg: rgba(192, 74, 31, 0.18);
+  --color-wikilink: #5B4A8A;
+  --color-wikilink-bg: rgba(91, 74, 138, 0.18);
+  --color-overdue: #C04A1F;
+  --color-code-bg: #14171A;
+  --color-code-inline-bg: #1E2228;
+  --color-table-stripe: rgba(255, 255, 255, 0.025);
+  --color-success: #4A5D3F;
+  --color-warning: #8B6F1E;
+  --color-input-bar-bg: #1E2228;
+  --color-input-bar-text: #E8E4D8;
+  --color-input-bar-placeholder: rgba(232, 228, 216, 0.35);
   --color-overlay: rgba(0, 0, 0, 0.65);
-  --color-bubble-user-bg: rgba(255, 255, 255, 0.04);
-  --color-bubble-user-border: rgba(255, 255, 255, 0.10);
-  --color-bubble-user-text: #b0b0c8;
-  --color-bubble-asst-shadow: 0 4px 28px rgba(124, 58, 237, 0.14), 0 2px 8px rgba(0, 0, 0, 0.4);
-  --color-accent-warm: #d4a017;
-  --color-accent-warm-light: #e8c45a;
-  --color-primary-solid: #7c3aed;
-  --color-primary-deep: #5b21b6;
+  --color-bubble-user-bg: transparent;
+  --color-bubble-user-border: #3F4651;
+  --color-bubble-user-text: #C2BFB4;
+  --color-bubble-asst-shadow: 0 4px 28px rgba(91, 74, 138, 0.14), 0 2px 8px rgba(0, 0, 0, 0.4);
+  --color-primary-solid: #5B4A8A;
+  --color-primary-deep: #3F3560;
   --gradient-cta: linear-gradient(135deg, var(--color-primary-solid), var(--color-primary-deep));
-  --glow-cta: 0 2px 12px rgba(124, 58, 237, 0.45);
-  --glow-cta-hover: 0 4px 24px rgba(124, 58, 237, 0.65);
-  --glow-soft: 0 0 18px rgba(124, 58, 237, 0.4);
-  --color-primary-faint: rgba(124, 58, 237, 0.10);
-  --color-primary-tint: rgba(124, 58, 237, 0.14);
-  --color-primary-wash: rgba(124, 58, 237, 0.22);
+  --glow-cta: 0 2px 12px rgba(91, 74, 138, 0.45);
+  --glow-cta-hover: 0 4px 24px rgba(91, 74, 138, 0.65);
+  --glow-soft: 0 0 18px rgba(91, 74, 138, 0.4);
+  --color-primary-faint: rgba(91, 74, 138, 0.10);
+  --color-primary-tint: rgba(91, 74, 138, 0.14);
+  --color-primary-wash: rgba(91, 74, 138, 0.22);
+
+  /* Action color set — identical across themes */
+  --color-action-primary: #4A5D3F;
+  --color-action-primary-hover: #5A6F4D;
+  --color-action-secondary: #8B7355;
+  --color-action-secondary-hover: #A0876A;
+  --color-action-destructive: #6B2118;
+  --color-action-destructive-hover: #7E2A1F;
+  --color-action-ghost-border: #3F4651;
 }
 
 *,
@@ -138,15 +154,34 @@ body {
   margin: 0;
   background: var(--color-bg);
   color: var(--color-text);
-  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
-    Oxygen, Ubuntu, Cantarell, "Helvetica Neue", Arial, sans-serif;
+  font-family: 'Inter', system-ui, -apple-system, BlinkMacSystemFont,
+    "Segoe UI", Roboto, sans-serif;
+  font-feature-settings: "cv11";
   line-height: 1.5;
   transition: background-color 0.2s, color 0.2s;
 }
 
-h1, h2, h3 {
+h1, h2 {
   font-family: 'Fraunces', Georgia, serif;
   font-optical-sizing: auto;
+  font-weight: 500;
+  line-height: 1.3;
+}
+
+h3 {
+  font-family: 'Inter', system-ui, sans-serif;
+  font-weight: 500;
+  line-height: 1.3;
+}
+
+code, pre, kbd, samp {
+  font-family: 'JetBrains Mono', ui-monospace, "SF Mono", Menlo, Consolas, monospace;
+  font-feature-settings: "liga", "calt";
+}
+
+::selection {
+  background: rgba(91, 74, 138, 0.3);
+  color: var(--color-text);
 }
 
 input:focus-visible,
@@ -184,7 +219,7 @@ button:not(:disabled):active,
   }
 }
 
-/* Thin indigo-tinted scrollbars */
+/* Neutral hairline scrollbars — chrome is structural, not branded */
 ::-webkit-scrollbar {
   width: 4px;
   height: 4px;
@@ -193,11 +228,11 @@ button:not(:disabled):active,
   background: transparent;
 }
 ::-webkit-scrollbar-thumb {
-  background: rgba(124, 58, 237, 0.25);
+  background: var(--color-border);
   border-radius: 9999px;
 }
 ::-webkit-scrollbar-thumb:hover {
-  background: rgba(124, 58, 237, 0.45);
+  background: var(--color-text-muted);
 }
 
 /* Floating inline assist button (teleported to body, cannot be scoped) */
diff --git a/frontend/src/components/AppHeader.vue b/frontend/src/components/AppHeader.vue
index 7bf8791..d824f25 100644
--- a/frontend/src/components/AppHeader.vue
+++ b/frontend/src/components/AppHeader.vue
@@ -151,7 +151,7 @@ router.afterEach(() => {
 <style scoped>
 .app-header {
   background: linear-gradient(180deg, var(--color-surface), var(--color-bg));
-  border-bottom: 1px solid rgba(124, 58, 237, 0.18);
+  border-bottom: 1px solid rgba(91, 74, 138, 0.18);
   position: relative;
 }
 .nav {
@@ -220,8 +220,8 @@ router.afterEach(() => {
 .nav-link.router-link-active {
   color: var(--color-primary-solid);
   font-weight: 600;
-  background: rgba(124, 58, 237, 0.25);
-  box-shadow: 0 0 16px rgba(124, 58, 237, 0.3);
+  background: rgba(91, 74, 138, 0.25);
+  box-shadow: 0 0 16px rgba(91, 74, 138, 0.3);
 }
 
 /* Status indicator */
diff --git a/frontend/src/components/ChatInputBar.vue b/frontend/src/components/ChatInputBar.vue
index 22be473..1d4f4c1 100644
--- a/frontend/src/components/ChatInputBar.vue
+++ b/frontend/src/components/ChatInputBar.vue
@@ -573,7 +573,7 @@ defineExpose({ focus, prefill })
   flex-shrink: 0;
   transition: box-shadow 0.15s;
 }
-.btn-send:hover { box-shadow: 0 0 16px rgba(124, 58, 237, 0.35); }
+.btn-send:hover { box-shadow: 0 0 16px rgba(91, 74, 138, 0.35); }
 .btn-send:disabled { opacity: 0.35; cursor: default; box-shadow: none; }
 
 .btn-abort-inline {
diff --git a/frontend/src/components/ChatMessage.vue b/frontend/src/components/ChatMessage.vue
index 59df77b..e62b06f 100644
--- a/frontend/src/components/ChatMessage.vue
+++ b/frontend/src/components/ChatMessage.vue
@@ -175,7 +175,7 @@ const timingParts = computed((): string[] => {
 
 .thinking-block {
   margin-bottom: 0.5rem;
-  border-left: 2px solid rgba(129, 140, 248, 0.35);
+  border-left: 2px solid rgba(91, 74, 138, 0.35);
   border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
   overflow: hidden;
 }
diff --git a/frontend/src/components/ChatPanel.vue b/frontend/src/components/ChatPanel.vue
index 49ae04c..cf6d2f2 100644
--- a/frontend/src/components/ChatPanel.vue
+++ b/frontend/src/components/ChatPanel.vue
@@ -703,13 +703,12 @@ defineExpose({ focus, prefill, send, contextCount, sidebarOpen, toggleContextSid
 }
 
 .empty-msg {
-  color: var(--color-text-muted);
+  color: var(--color-text-secondary);
   font-size: 0.9rem;
   text-align: center;
   padding: 2rem 1rem;
   font-family: 'Fraunces', Georgia, serif;
   font-style: italic;
-  color: var(--color-accent-warm, #d4a017);
 }
 
 .chat-empty-state {
@@ -727,7 +726,7 @@ defineExpose({ focus, prefill, send, contextCount, sidebarOpen, toggleContextSid
   font-style: italic;
   font-weight: 400;
   font-size: 1.75rem;
-  color: var(--color-accent-warm, #d4a017);
+  color: var(--color-text-secondary);
   text-align: center;
   margin: 0;
 }
@@ -768,7 +767,7 @@ defineExpose({ focus, prefill, send, contextCount, sidebarOpen, toggleContextSid
 
 .empty-recent-item:hover {
   border-color: var(--color-primary);
-  background: rgba(99, 102, 241, 0.05);
+  background: rgba(91, 74, 138, 0.05);
   transform: translateX(2px);
 }
 
@@ -805,9 +804,9 @@ defineExpose({ focus, prefill, send, contextCount, sidebarOpen, toggleContextSid
 
 .empty-voice-btn:hover {
   border-color: var(--color-primary);
-  background: linear-gradient(135deg, #6366f1, #4f46e5);
+  background: linear-gradient(135deg, #5B4A8A, #3F3560);
   color: #fff;
-  box-shadow: 0 4px 16px rgba(99, 102, 241, 0.35);
+  box-shadow: 0 4px 16px rgba(91, 74, 138, 0.35);
 }
 
 .empty-voice-btn .voice-icon {
diff --git a/frontend/src/components/EventSlideOver.vue b/frontend/src/components/EventSlideOver.vue
index 9a190c0..5ba73a6 100644
--- a/frontend/src/components/EventSlideOver.vue
+++ b/frontend/src/components/EventSlideOver.vue
@@ -315,7 +315,7 @@ async function doDelete() {
             <label class="so-label so-label-inline">Color</label>
             <div class="color-row">
               <input v-model="color" type="color" class="color-picker" title="Pick event color" />
-              <input v-model="color" class="so-input color-hex" placeholder="#7c3aed" />
+              <input v-model="color" class="so-input color-hex" placeholder="#5B4A8A" />
               <button v-if="color" type="button" class="btn-clear-color" @click="color = ''">✕</button>
             </div>
           </div>
@@ -450,7 +450,7 @@ async function doDelete() {
 .so-past-hint {
   margin: 4px 0 0;
   font-size: 0.75rem;
-  color: var(--color-accent-warm, #d4a017);
+  color: var(--color-text-secondary);
   font-style: italic;
 }
 
diff --git a/frontend/src/components/NoteCard.vue b/frontend/src/components/NoteCard.vue
index 3408fee..89a0abf 100644
--- a/frontend/src/components/NoteCard.vue
+++ b/frontend/src/components/NoteCard.vue
@@ -64,11 +64,11 @@ function goEdit() {
   text-decoration: none;
   color: inherit;
   background: var(--color-bg-card);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(124, 58, 237, 0.06);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(91, 74, 138, 0.06);
   transition: box-shadow 0.2s, transform 0.18s ease;
 }
 .note-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(124, 58, 237, 0.14);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(91, 74, 138, 0.14);
   transform: translateY(-2px);
 }
 
@@ -89,7 +89,7 @@ function goEdit() {
 }
 .note-card.compact:hover {
   box-shadow: none;
-  background: rgba(124, 58, 237, 0.04);
+  background: rgba(91, 74, 138, 0.04);
   transform: none;
 }
 .note-title-compact {
diff --git a/frontend/src/components/TaskCard.vue b/frontend/src/components/TaskCard.vue
index 224143d..d933760 100644
--- a/frontend/src/components/TaskCard.vue
+++ b/frontend/src/components/TaskCard.vue
@@ -112,11 +112,11 @@ function isOverdue(): boolean {
   text-decoration: none;
   color: inherit;
   background: var(--color-bg-card);
-  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(124, 58, 237, 0.06);
+  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.06), 0 0 0 1px rgba(91, 74, 138, 0.06);
   transition: box-shadow 0.2s, transform 0.18s ease;
 }
 .task-card:hover {
-  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(124, 58, 237, 0.14);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.10), 0 0 0 1px rgba(91, 74, 138, 0.14);
   transform: translateY(-2px);
 }
 
diff --git a/frontend/src/views/CalendarView.vue b/frontend/src/views/CalendarView.vue
index aeb818f..f107c3f 100644
--- a/frontend/src/views/CalendarView.vue
+++ b/frontend/src/views/CalendarView.vue
@@ -574,7 +574,7 @@ const upcomingGrouped = computed(() => {
   background: rgba(255,255,255,0.08);
 }
 .picker-month.active {
-  background: rgba(124,58,237,0.22);
+  background: rgba(91, 74, 138,0.22);
   color: var(--color-primary);
   font-weight: 700;
 }
@@ -634,7 +634,7 @@ const upcomingGrouped = computed(() => {
 .upcoming-card-accent {
   width: 4px;
   flex-shrink: 0;
-  background: var(--ev-color, #7c3aed);
+  background: var(--ev-color, #5B4A8A);
 }
 
 .upcoming-card-body {
diff --git a/frontend/src/views/ChatView.vue b/frontend/src/views/ChatView.vue
index 0961770..cab2b55 100644
--- a/frontend/src/views/ChatView.vue
+++ b/frontend/src/views/ChatView.vue
@@ -520,7 +520,7 @@ onUnmounted(() => {
 .btn-new-conv--full { width: 100%; }
 .btn-new-conv:hover {
   opacity: 0.9;
-  box-shadow: 0 0 14px rgba(129, 140, 248, 0.35);
+  box-shadow: 0 0 14px rgba(91, 74, 138, 0.35);
 }
 
 .sidebar-search-row {
@@ -612,7 +612,7 @@ onUnmounted(() => {
   border-left: 3px solid transparent;
   transition: background 0.15s, border-color 0.15s;
 }
-.conv-item:hover { background: rgba(99,102,241,0.05); border-left-color: var(--color-primary); }
+.conv-item:hover { background: rgba(91, 74, 138,0.05); border-left-color: var(--color-primary); }
 .conv-item.active {
   background: color-mix(in srgb, var(--color-primary) 15%, transparent);
   color: var(--color-primary);
@@ -704,7 +704,7 @@ onUnmounted(() => {
   50% {
     border-color: var(--color-primary);
     color: var(--color-primary);
-    box-shadow: 0 0 6px rgba(99, 102, 241, 0.4);
+    box-shadow: 0 0 6px rgba(91, 74, 138, 0.4);
   }
 }
 .scope-dot { font-size: 0.6rem; }
diff --git a/frontend/src/views/HomeView.vue b/frontend/src/views/HomeView.vue
index 1840f4b..8544d57 100644
--- a/frontend/src/views/HomeView.vue
+++ b/frontend/src/views/HomeView.vue
@@ -569,7 +569,7 @@ function formatUpcomingTime(event: EventEntry): string {
   border-radius: var(--radius-lg);
   padding: 1.25rem 1.5rem;
   margin-bottom: 1.75rem;
-  box-shadow: 0 2px 16px rgba(124, 58, 237, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);
+  box-shadow: 0 2px 16px rgba(91, 74, 138, 0.08), 0 1px 4px rgba(0, 0, 0, 0.06);
 }
 .hero-top {
   display: flex;
@@ -612,13 +612,13 @@ function formatUpcomingTime(event: EventEntry): string {
   font-size: 0.9rem;
   font-weight: 600;
   white-space: nowrap;
-  box-shadow: 0 1px 6px rgba(124, 58, 237, 0.3);
+  box-shadow: 0 1px 6px rgba(91, 74, 138, 0.3);
   transition: opacity 0.15s, box-shadow 0.15s;
   flex-shrink: 0;
 }
 .btn-workspace-hero:hover {
   opacity: 0.9;
-  box-shadow: 0 3px 14px rgba(124, 58, 237, 0.45);
+  box-shadow: 0 3px 14px rgba(91, 74, 138, 0.45);
 }
 
 .hero-milestones { margin-bottom: 0.75rem; }
@@ -760,8 +760,8 @@ function formatUpcomingTime(event: EventEntry): string {
   font-weight: 500;
 }
 .urgency-in-progress {
-  background: color-mix(in srgb, #7c3aed 15%, transparent);
-  color: #7c3aed;
+  background: color-mix(in srgb, #5B4A8A 15%, transparent);
+  color: #5B4A8A;
 }
 .urgency-todo {
   background: color-mix(in srgb, var(--color-text-muted) 12%, transparent);
diff --git a/frontend/src/views/KnowledgeView.vue b/frontend/src/views/KnowledgeView.vue
index abc0c34..a25ffd5 100644
--- a/frontend/src/views/KnowledgeView.vue
+++ b/frontend/src/views/KnowledgeView.vue
@@ -720,17 +720,17 @@ onUnmounted(() => {
   gap: 5px;
   padding: 3px 10px;
   border-radius: 20px;
-  background: rgba(124, 58, 237, 0.1);
-  border: 1px solid rgba(124, 58, 237, 0.2);
+  background: rgba(91, 74, 138, 0.1);
+  border: 1px solid rgba(91, 74, 138, 0.2);
   color: var(--color-text);
   text-decoration: none;
   transition: background 0.15s;
 }
-.today-event-chip:hover { background: rgba(124, 58, 237, 0.18); }
+.today-event-chip:hover { background: rgba(91, 74, 138, 0.18); }
 .chip-dot {
   width: 6px; height: 6px;
   border-radius: 50%;
-  background: #7c3aed;
+  background: #5B4A8A;
   flex-shrink: 0;
 }
 .chip-date { color: var(--color-muted); font-size: 0.78rem; }
@@ -775,7 +775,7 @@ onUnmounted(() => {
   content: '· · ·';
   display: block;
   text-align: center;
-  color: rgba(124, 58, 237, 0.3);
+  color: rgba(91, 74, 138, 0.3);
   font-size: 0.9rem;
   letter-spacing: 0.4em;
   padding: 4px 0 12px;
@@ -891,7 +891,7 @@ onUnmounted(() => {
   flex-shrink: 0;
 }
 .filter-btn.active .filter-count {
-  background: rgba(124, 58, 237, 0.2);
+  background: rgba(91, 74, 138, 0.2);
   color: var(--color-primary);
 }
 .filter-tag { font-size: 0.78rem; }
@@ -965,7 +965,7 @@ onUnmounted(() => {
 .btn-graph:hover { color: var(--color-text); border-color: rgba(255,255,255,0.2); }
 .btn-graph.active {
   background: var(--color-primary-wash);
-  border-color: rgba(124, 58, 237, 0.35);
+  border-color: rgba(91, 74, 138, 0.35);
   color: var(--color-primary);
 }
 
@@ -998,12 +998,12 @@ onUnmounted(() => {
 }
 .k-card:hover {
   transform: translateY(-2px);
-  box-shadow: 0 8px 28px rgba(124, 58, 237, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
-  border-color: rgba(124, 58, 237, 0.35);
+  box-shadow: 0 8px 28px rgba(91, 74, 138, 0.25), 0 2px 8px rgba(0, 0, 0, 0.3);
+  border-color: rgba(91, 74, 138, 0.35);
 }
 
 /* Type-specific card DNA */
-.k-card--note   { border-color: rgba(124, 58, 237, 0.20); }
+.k-card--note   { border-color: rgba(91, 74, 138, 0.20); }
 .k-card--task   { border-color: rgba(212, 160, 23, 0.18); }
 .k-card--person { border-color: rgba(16, 185, 129, 0.18); }
 .k-card--place  { border-color: rgba(245, 158, 11, 0.18); }
@@ -1022,7 +1022,7 @@ onUnmounted(() => {
 }
 .k-card--note::before {
   right: 0;
-  background: linear-gradient(90deg, #7c3aed, #a78bfa);
+  background: linear-gradient(90deg, #5B4A8A, #7A6DA8);
 }
 .k-card--task::before {
   right: 0;
@@ -1060,7 +1060,7 @@ onUnmounted(() => {
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
-.badge--note   { background: rgba(99,102,241,0.15); color: #a78bfa; }
+.badge--note   { background: rgba(91, 74, 138,0.15); color: #7A6DA8; }
 .badge--person { background: rgba(16,185,129,0.15); color: #34d399; }
 .badge--place  { background: rgba(245,158,11,0.15); color: #fbbf24; }
 .badge--list   { background: rgba(56,189,248,0.15); color: #7dd3fc; }
@@ -1165,7 +1165,7 @@ onUnmounted(() => {
   background: rgba(255,255,255,0.05);
   color: var(--color-muted);
 }
-.k-card-date { font-size: 0.72rem; color: var(--color-accent-warm); white-space: nowrap; opacity: 0.7; }
+.k-card-date { font-size: 0.72rem; color: var(--color-text-secondary); white-space: nowrap; opacity: 0.7; }
 
 /* ── Task card ──────────────────────────────────────────── */
 .k-card-task {
@@ -1201,7 +1201,7 @@ onUnmounted(() => {
 
 .task-due {
   font-size: 0.78rem;
-  color: var(--color-accent-warm);
+  color: var(--color-text-secondary);
 }
 .task-overdue {
   color: var(--color-overdue);
@@ -1225,7 +1225,7 @@ onUnmounted(() => {
   font-family: 'Fraunces', Georgia, serif;
   font-style: italic;
   font-size: 1rem;
-  color: var(--color-accent-warm);
+  color: var(--color-text-secondary);
   opacity: 0.85;
 }
 
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index b996a51..a7039d3 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -763,7 +763,7 @@ async function confirmDelete() {
   flex-shrink: 0;
 }
 .status-active   { background: color-mix(in srgb, var(--color-success) 14%, transparent); color: var(--color-success); border: 1px solid color-mix(in srgb, var(--color-success) 30%, transparent); }
-.status-paused    { background: color-mix(in srgb, var(--color-accent-warm) 14%, transparent); color: var(--color-accent-warm); border: 1px solid color-mix(in srgb, var(--color-accent-warm) 30%, transparent); }
+.status-paused    { background: color-mix(in srgb, var(--color-warning) 14%, transparent); color: var(--color-warning); border: 1px solid color-mix(in srgb, var(--color-warning) 30%, transparent); }
 .status-completed { background: color-mix(in srgb, var(--color-primary) 14%, transparent); color: var(--color-primary); border: 1px solid color-mix(in srgb, var(--color-primary) 30%, transparent); }
 .status-archived  { background: color-mix(in srgb, var(--color-text-muted) 14%, transparent); color: var(--color-text-muted); border: 1px solid color-mix(in srgb, var(--color-text-muted) 30%, transparent); }
 
@@ -881,7 +881,7 @@ async function confirmDelete() {
   box-shadow: var(--glow-soft);
   transition: box-shadow 0.15s, opacity 0.15s;
 }
-.btn-save-panel:hover:not(:disabled) { box-shadow: 0 4px 12px rgba(124, 58, 237, 0.4); opacity: 0.95; }
+.btn-save-panel:hover:not(:disabled) { box-shadow: 0 4px 12px rgba(91, 74, 138, 0.4); opacity: 0.95; }
 .btn-save-panel:disabled { opacity: 0.45; cursor: default; }
 
 /* ── Content area ────────────────────────────────────────────── */
diff --git a/frontend/src/views/SettingsView.vue b/frontend/src/views/SettingsView.vue
index ade0c05..c3280bb 100644
--- a/frontend/src/views/SettingsView.vue
+++ b/frontend/src/views/SettingsView.vue
@@ -2797,7 +2797,7 @@ FABLE_API_KEY={{ effectiveApiKey }}</pre>
 }
 .sidebar-item.active {
   color: var(--color-primary);
-  background: rgba(124, 58, 237, 0.08);
+  background: rgba(91, 74, 138, 0.08);
   border-left-color: var(--color-primary);
   font-weight: 600;
 }