diff --git a/frontend/src/components/WorkspaceChatWidget.vue b/frontend/src/components/WorkspaceChatWidget.vue
index 7180927..a04d557 100644
--- a/frontend/src/components/WorkspaceChatWidget.vue
+++ b/frontend/src/components/WorkspaceChatWidget.vue
@@ -180,7 +180,9 @@ defineExpose({ prefill });
             :class="{ active: historyOpen }"
             title="History"
             @click="toggleHistory"
-          >▾</button>
+          >
+            <ChevronDown :size="16" />
+          </button>
           <div v-if="historyOpen" class="ws-chat-history-menu">
             <div v-if="projectConversations.length === 0" class="ws-chat-history-empty">
               No past conversations
@@ -263,7 +265,7 @@ defineExpose({ prefill });
 }
 .ws-chat-title {
   font-size: 0.78rem;
-  font-weight: 600;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: var(--color-text-muted);
@@ -338,7 +340,7 @@ defineExpose({ prefill });
 }
 .ws-chat-history-item.current {
   color: var(--color-primary);
-  font-weight: 600;
+  font-weight: 500;
 }
 .ws-chat-history-title {
   display: block;
diff --git a/frontend/src/components/WorkspaceNoteEditor.vue b/frontend/src/components/WorkspaceNoteEditor.vue
index c6c62c8..a1f696a 100644
--- a/frontend/src/components/WorkspaceNoteEditor.vue
+++ b/frontend/src/components/WorkspaceNoteEditor.vue
@@ -480,7 +480,7 @@ defineExpose({ reload: loadProjectNotes });
   text-transform: uppercase;
   letter-spacing: 0.04em;
   font-size: 0.72rem;
-  font-weight: 600;
+  font-weight: 500;
   flex: 1;
 }
 
@@ -631,18 +631,20 @@ defineExpose({ reload: loadProjectNotes });
   align-items: center;
 }
 .note-row:hover .btn-delete { opacity: 1; }
-.btn-delete:hover { color: var(--color-danger, #e74c3c); }
+.btn-delete:hover { color: var(--color-action-destructive); }
 
 .btn-confirm-delete {
   background: none;
-  border: 1px solid var(--color-danger, #e74c3c);
-  color: var(--color-danger, #e74c3c);
+  border: 1px solid var(--color-action-destructive);
+  color: var(--color-action-destructive);
   font-size: 0.65rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   padding: 0.1rem 0.3rem;
   border-radius: 3px;
+  transition: background 0.15s, color 0.15s;
 }
+.btn-confirm-delete:hover:not(:disabled) { background: var(--color-action-destructive); color: #fff; }
 .btn-confirm-delete:disabled { opacity: 0.5; cursor: default; }
 
 .btn-cancel-delete {
@@ -730,15 +732,18 @@ defineExpose({ reload: loadProjectNotes });
 .unsaved { font-size: 0.72rem; color: var(--color-text-muted); }
 .saving-txt { font-size: 0.72rem; color: var(--color-primary); }
 
+/* Moss action-primary per Hybrid */
 .btn-save {
-  background: var(--color-primary);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: 5px;
   padding: 0.25rem 0.7rem;
   font-size: 0.8rem;
   cursor: pointer;
+  transition: background 0.15s;
 }
+.btn-save:hover:not(:disabled) { background: var(--color-action-primary-hover); }
 .btn-save:disabled { opacity: 0.4; cursor: default; }
 
 .note-title-row {
@@ -751,7 +756,7 @@ defineExpose({ reload: loadProjectNotes });
   background: transparent;
   border: none;
   font-size: 1.4rem;
-  font-weight: 600;
+  font-weight: 500;
   line-height: 1.25;
   color: var(--color-text);
   padding: 0;
@@ -844,7 +849,7 @@ defineExpose({ reload: loadProjectNotes });
   font-size: 0.7rem;
   color: var(--color-text-muted);
   flex-shrink: 0;
-  font-weight: 600;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.04em;
 }
diff --git a/frontend/src/components/WorkspaceTaskPanel.vue b/frontend/src/components/WorkspaceTaskPanel.vue
index 854bf73..9eb444a 100644
--- a/frontend/src/components/WorkspaceTaskPanel.vue
+++ b/frontend/src/components/WorkspaceTaskPanel.vue
@@ -374,7 +374,7 @@ defineExpose({ reload: loadAll });
   text-transform: uppercase;
   letter-spacing: 0.04em;
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .task-add {
@@ -433,7 +433,7 @@ defineExpose({ reload: loadAll });
 .ms-group-header:hover { background: color-mix(in srgb, var(--color-primary) 8%, var(--color-surface)); }
 
 .ms-chevron { font-size: 0.6rem; color: var(--color-text-muted); width: 0.8rem; }
-.ms-name { flex: 1; font-weight: 600; font-size: 0.8rem; }
+.ms-name { flex: 1; font-weight: 500; font-size: 0.8rem; }
 .ms-count { font-size: 0.72rem; color: var(--color-text-muted); background: var(--color-bg); border-radius: 10px; padding: 0 0.4rem; }
 
 .ms-status {
@@ -523,7 +523,7 @@ defineExpose({ reload: loadAll });
   padding: 0.2rem 0.55rem;
   border-radius: 12px;
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   border: 1.5px solid var(--color-border);
   background: none;
@@ -576,19 +576,21 @@ defineExpose({ reload: loadAll });
   border-radius: 3px;
   margin-left: 0.25rem;
 }
-.btn-delete-task:hover { color: var(--color-danger, #e74c3c); }
+.btn-delete-task:hover { color: var(--color-action-destructive); }
 
 .btn-delete-confirm {
   background: none;
-  border: 1px solid var(--color-danger, #e74c3c);
-  color: var(--color-danger, #e74c3c);
+  border: 1px solid var(--color-action-destructive);
+  color: var(--color-action-destructive);
   font-size: 0.72rem;
-  font-weight: 600;
+  font-weight: 500;
   cursor: pointer;
   padding: 0.15rem 0.5rem;
   border-radius: 4px;
   margin-left: 0.25rem;
+  transition: background 0.15s, color 0.15s;
 }
+.btn-delete-confirm:hover:not(:disabled) { background: var(--color-action-destructive); color: #fff; }
 .btn-delete-confirm:disabled { opacity: 0.5; cursor: default; }
 
 .btn-delete-cancel {
@@ -604,7 +606,7 @@ defineExpose({ reload: loadAll });
 .detail-title {
   padding: 0.75rem 0.75rem 0.25rem;
   font-size: 0.95rem;
-  font-weight: 600;
+  font-weight: 500;
   margin: 0;
   color: var(--color-text);
   flex-shrink: 0;
@@ -673,7 +675,7 @@ defineExpose({ reload: loadAll });
 }
 .task-due.overdue {
   color: var(--color-danger, #e74c3c);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 /* Close detail button */
diff --git a/frontend/src/views/ProjectListView.vue b/frontend/src/views/ProjectListView.vue
index e45e68a..05448d6 100644
--- a/frontend/src/views/ProjectListView.vue
+++ b/frontend/src/views/ProjectListView.vue
@@ -283,18 +283,21 @@ function overallPct(project: Project): { total: number; pct: number } {
   margin: 0;
 }
 
+/* Moss action-primary per Hybrid — list-view utility action,
+   not a brand moment. Empty-state .empty-action below keeps accent. */
 .btn-primary {
   padding: 0.45rem 1rem;
-  background: var(--color-primary);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.9rem;
   font-family: inherit;
+  transition: background 0.15s;
 }
 .btn-primary:hover {
-  opacity: 0.9;
+  background: var(--color-action-primary-hover);
 }
 
 .filter-tabs {
@@ -321,7 +324,7 @@ function overallPct(project: Project): { total: number; pct: number } {
 .tab-btn.active {
   color: var(--color-primary);
   border-bottom-color: var(--color-primary);
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .loading-msg,
@@ -336,7 +339,7 @@ function overallPct(project: Project): { total: number; pct: number } {
 
 .empty-state-rich { text-align: center; padding: 3rem 1rem; color: var(--color-text-muted); }
 .empty-icon { font-size: 2.5rem; margin-bottom: 0.75rem; opacity: 0.3; }
-.empty-title { font-size: 1rem; font-weight: 600; color: var(--color-text-secondary); margin: 0 0 0.35rem; }
+.empty-title { font-size: 1rem; font-weight: 500; color: var(--color-text-secondary); margin: 0 0 0.35rem; }
 .empty-sub { font-size: 0.85rem; margin: 0 0 1rem; }
 .empty-action { display: inline-block; padding: 0.4rem 1rem; border: 1px solid var(--color-primary); border-radius: var(--radius-sm); color: var(--color-primary); background: none; cursor: pointer; font-size: 0.85rem; transition: background 0.15s, color 0.15s; }
 .empty-action:hover { background: var(--color-primary); color: #fff; }
@@ -389,7 +392,7 @@ function overallPct(project: Project): { total: number; pct: number } {
 }
 .project-title {
   font-size: 1rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text);
   min-width: 0;
   flex: 1;
@@ -398,7 +401,7 @@ function overallPct(project: Project): { total: number; pct: number } {
 
 .status-badge {
   font-size: 0.7rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.04em;
   padding: 0.15rem 0.45rem;
@@ -426,7 +429,7 @@ function overallPct(project: Project): { total: number; pct: number } {
   line-height: 1.4;
 }
 .field-label {
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-secondary);
 }
 
@@ -462,7 +465,7 @@ function overallPct(project: Project): { total: number; pct: number } {
   flex-shrink: 0;
   min-width: 2.5rem;
   text-align: right;
-  font-weight: 600;
+  font-weight: 500;
 }
 
 .milestone-bars {
@@ -545,7 +548,7 @@ function overallPct(project: Project): { total: number; pct: number } {
 }
 .modal-field label {
   font-size: 0.875rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text);
 }
 .required {
diff --git a/frontend/src/views/ProjectView.vue b/frontend/src/views/ProjectView.vue
index add5054..fcbb5cf 100644
--- a/frontend/src/views/ProjectView.vue
+++ b/frontend/src/views/ProjectView.vue
@@ -693,6 +693,9 @@ async function confirmDelete() {
 }
 .btn-back:hover { border-color: var(--color-primary); color: var(--color-primary); }
 
+/* Open Workspace: brand-moment CTA — keep accent gradient. Workspace is
+   the project's "central feature moment" — entering the focused workspace
+   is a Scribe-flavored action, not a plain operation. */
 .btn-workspace {
   display: inline-flex;
   align-items: center;
@@ -703,38 +706,41 @@ async function confirmDelete() {
   border: none;
   border-radius: var(--radius-sm);
   font-size: 0.875rem;
-  font-weight: 600;
+  font-weight: 500;
   text-decoration: none;
   box-shadow: var(--glow-cta);
   transition: box-shadow 0.15s, opacity 0.15s;
 }
 .btn-workspace:hover { box-shadow: var(--glow-cta-hover); opacity: 0.95; color: #fff; }
 
+/* Share: Bronze action-secondary — alternate path */
 .btn-share {
   padding: 0.4rem 0.8rem;
-  background: none;
-  border: 1px solid var(--color-border);
-  color: var(--color-text-secondary);
+  background: var(--color-action-secondary);
+  border: none;
+  color: #fff;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.85rem;
   font-family: inherit;
-  transition: border-color 0.15s, color 0.15s;
+  transition: background 0.15s;
 }
-.btn-share:hover { border-color: var(--color-primary); color: var(--color-primary); }
+.btn-share:hover { background: var(--color-action-secondary-hover); }
 
+/* Delete project: Oxblood action-destructive ghost — outline form since
+   the actual confirm modal carries the filled destructive treatment */
 .btn-danger-outline {
   padding: 0.4rem 0.8rem;
   background: none;
-  border: 1px solid var(--color-border);
-  color: var(--color-text-muted);
+  border: 1px solid var(--color-action-destructive);
+  color: var(--color-action-destructive);
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.85rem;
   font-family: inherit;
-  transition: border-color 0.15s, color 0.15s;
+  transition: background 0.15s, color 0.15s;
 }
-.btn-danger-outline:hover { border-color: var(--color-danger, #e74c3c); color: var(--color-danger, #e74c3c); }
+.btn-danger-outline:hover { background: var(--color-action-destructive); color: #fff; }
 
 .error-msg { color: var(--color-danger); font-size: 0.9rem; }
 
@@ -750,7 +756,7 @@ async function confirmDelete() {
 .project-title-input {
   flex: 1;
   font-size: 1.75rem;
-  font-weight: 700;
+  font-weight: 500;
   font-family: "Fraunces", Georgia, serif;
   color: var(--color-text);
   background: transparent;
@@ -766,7 +772,7 @@ async function confirmDelete() {
 
 .status-badge {
   font-size: 0.68rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   padding: 0.18rem 0.55rem;
@@ -810,7 +816,7 @@ async function confirmDelete() {
   font-size: 0.82rem;
   border: 1px solid;
 }
-.stat-val { font-weight: 700; font-size: 0.9rem; }
+.stat-val { font-weight: 500; font-size: 0.9rem; }
 .stat-label { color: inherit; opacity: 0.8; }
 
 .stat-dot {
@@ -851,7 +857,7 @@ async function confirmDelete() {
 .panel-heading {
   margin: 0 0 0.1rem;
   font-size: 0.72rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.06em;
   color: var(--color-text-muted);
@@ -859,7 +865,7 @@ async function confirmDelete() {
 .edit-field { display: flex; flex-direction: column; gap: 0.3rem; }
 .edit-label {
   font-size: 0.75rem;
-  font-weight: 600;
+  font-weight: 500;
   color: var(--color-text-secondary);
   text-transform: uppercase;
   letter-spacing: 0.03em;
@@ -878,21 +884,21 @@ async function confirmDelete() {
 .edit-input:focus, .edit-textarea:focus, .edit-select:focus { outline: none; border-color: var(--color-primary); }
 .edit-textarea { resize: vertical; }
 
+/* Save panel: Moss action-primary per Hybrid rule */
 .btn-save-panel {
   padding: 0.45rem 0.9rem;
-  background: var(--gradient-cta);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.875rem;
-  font-weight: 600;
+  font-weight: 500;
   font-family: inherit;
   width: 100%;
-  box-shadow: var(--glow-soft);
-  transition: box-shadow 0.15s, opacity 0.15s;
+  transition: background 0.15s;
 }
-.btn-save-panel:hover:not(:disabled) { box-shadow: 0 4px 12px rgba(91, 74, 138, 0.4); opacity: 0.95; }
+.btn-save-panel:hover:not(:disabled) { background: var(--color-action-primary-hover); }
 .btn-save-panel:disabled { opacity: 0.45; cursor: default; }
 
 /* ── Content area ────────────────────────────────────────────── */
@@ -919,10 +925,10 @@ async function confirmDelete() {
   transition: color 0.15s;
 }
 .tab-btn:hover { color: var(--color-primary); }
-.tab-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 600; }
+.tab-btn.active { color: var(--color-primary); border-bottom-color: var(--color-primary); font-weight: 500; }
 .tab-count {
   font-size: 0.7rem;
-  font-weight: 600;
+  font-weight: 500;
   background: var(--color-bg-secondary);
   border: 1px solid var(--color-border);
   border-radius: 999px;
@@ -964,27 +970,32 @@ async function confirmDelete() {
   font-family: inherit;
 }
 .milestone-title-input:focus { outline: none; border-color: var(--color-primary); }
+/* Milestone confirm: Moss action-primary; Cancel: Bronze action-secondary */
 .btn-ms-confirm {
   padding: 0.3rem 0.65rem;
-  background: var(--color-primary);
+  background: var(--color-action-primary);
   color: #fff;
   border: none;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.78rem;
   font-family: inherit;
+  transition: background 0.15s;
 }
+.btn-ms-confirm:hover:not(:disabled) { background: var(--color-action-primary-hover); }
 .btn-ms-confirm:disabled { opacity: 0.5; cursor: default; }
 .btn-ms-cancel {
   padding: 0.3rem 0.65rem;
-  background: none;
-  border: 1px solid var(--color-border);
-  color: var(--color-text-secondary);
+  background: var(--color-action-secondary);
+  border: none;
+  color: #fff;
   border-radius: var(--radius-sm);
   cursor: pointer;
   font-size: 0.78rem;
   font-family: inherit;
+  transition: background 0.15s;
 }
+.btn-ms-cancel:hover { background: var(--color-action-secondary-hover); }
 
 /* ── Milestone group ─────────────────────────────────────────── */
 .milestone-group {
@@ -1007,7 +1018,7 @@ async function confirmDelete() {
 .milestone-header.clickable:hover { background: color-mix(in srgb, var(--color-primary) 4%, var(--color-bg-secondary)); }
 
 .ms-chevron { display: flex; align-items: center; color: var(--color-text-muted); flex-shrink: 0; }
-.ms-name { font-weight: 600; color: var(--color-text); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.ms-name { font-weight: 500; color: var(--color-text); flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
 .ms-count {
   font-size: 0.7rem;
   color: var(--color-text-muted);
@@ -1016,7 +1027,7 @@ async function confirmDelete() {
   border-radius: 999px;
   padding: 0.05rem 0.4rem;
   flex-shrink: 0;
-  font-weight: 600;
+  font-weight: 500;
 }
 .ms-progress-track {
   width: 72px;
@@ -1032,7 +1043,7 @@ async function confirmDelete() {
   border-radius: 999px;
   transition: width 0.4s ease;
 }
-.ms-pct { font-size: 0.72rem; color: var(--color-text-secondary); flex-shrink: 0; min-width: 2.4rem; text-align: right; font-weight: 600; }
+.ms-pct { font-size: 0.72rem; color: var(--color-text-secondary); flex-shrink: 0; min-width: 2.4rem; text-align: right; font-weight: 500; }
 
 .ms-actions { display: flex; gap: 0.15rem; margin-left: 0.2rem; opacity: 0; transition: opacity 0.15s; }
 .milestone-header:hover .ms-actions { opacity: 1; }
@@ -1061,7 +1072,7 @@ async function confirmDelete() {
   color: var(--color-text);
   font-size: 0.85rem;
   font-family: inherit;
-  font-weight: 600;
+  font-weight: 500;
   outline: none;
 }
 
@@ -1092,7 +1103,7 @@ async function confirmDelete() {
   align-items: center;
   gap: 0.4rem;
   font-size: 0.72rem;
-  font-weight: 700;
+  font-weight: 500;
   text-transform: uppercase;
   letter-spacing: 0.05em;
   color: var(--color-text-secondary);
@@ -1107,7 +1118,7 @@ async function confirmDelete() {
   padding: 0.05rem 0.4rem;
   font-size: 0.68rem;
   color: var(--color-text-muted);
-  font-weight: 600;
+  font-weight: 500;
 }
 .col-add-btn {
   display: inline-flex;
@@ -1253,8 +1264,8 @@ async function confirmDelete() {
   font-family: inherit;
 }
 .modal-btn:hover { background: var(--color-bg); }
-.modal-btn-danger { background: var(--color-danger, #e74c3c); border-color: var(--color-danger, #e74c3c); color: #fff; }
-.modal-btn-danger:hover { opacity: 0.9; }
+.modal-btn-danger { background: var(--color-action-destructive); border-color: var(--color-action-destructive); color: #fff; }
+.modal-btn-danger:hover { background: var(--color-action-destructive-hover); border-color: var(--color-action-destructive-hover); }
 
 /* ── Skeleton ────────────────────────────────────────────────── */
 @keyframes skel-shine { to { background-position: 200% center; } }