diff --git a/frontend/src/components/artist/ArtistDangerZone.vue b/frontend/src/components/artist/ArtistDangerZone.vue
index 478d785..0de1ced 100644
--- a/frontend/src/components/artist/ArtistDangerZone.vue
+++ b/frontend/src/components/artist/ArtistDangerZone.vue
@@ -91,5 +91,4 @@ async function onConfirm(token) {
   border-color: rgb(var(--v-theme-error));
   border-radius: 8px;
 }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/cleanup/MinDimensionCard.vue b/frontend/src/components/cleanup/MinDimensionCard.vue
index b018c6b..0769fd9 100644
--- a/frontend/src/components/cleanup/MinDimensionCard.vue
+++ b/frontend/src/components/cleanup/MinDimensionCard.vue
@@ -121,5 +121,4 @@ async function onConfirmedDelete(token) {
 
 <style scoped>
 .fc-clean-card { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/cleanup/SingleColorAuditCard.vue b/frontend/src/components/cleanup/SingleColorAuditCard.vue
index dc75e4c..98d10d4 100644
--- a/frontend/src/components/cleanup/SingleColorAuditCard.vue
+++ b/frontend/src/components/cleanup/SingleColorAuditCard.vue
@@ -190,5 +190,4 @@ async function onConfirmedApply(token) {
 
 <style scoped>
 .fc-clean-card { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/cleanup/TransparencyAuditCard.vue b/frontend/src/components/cleanup/TransparencyAuditCard.vue
index 5fb7523..d42a655 100644
--- a/frontend/src/components/cleanup/TransparencyAuditCard.vue
+++ b/frontend/src/components/cleanup/TransparencyAuditCard.vue
@@ -173,5 +173,4 @@ async function onConfirmedApply(token) {
 
 <style scoped>
 .fc-clean-card { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/settings/BackupCard.vue b/frontend/src/components/settings/BackupCard.vue
index d83fb51..f169fae 100644
--- a/frontend/src/components/settings/BackupCard.vue
+++ b/frontend/src/components/settings/BackupCard.vue
@@ -192,7 +192,6 @@ async function onConfirmSubmit(token) {
 
 <style scoped>
 .fc-backup-card { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 .fc-section-title {
   font-family: 'Fraunces', Georgia, serif;
   font-size: 16px; font-weight: 500;
diff --git a/frontend/src/components/settings/BackupRunsTable.vue b/frontend/src/components/settings/BackupRunsTable.vue
index a58447b..14b4e5c 100644
--- a/frontend/src/components/settings/BackupRunsTable.vue
+++ b/frontend/src/components/settings/BackupRunsTable.vue
@@ -97,5 +97,4 @@ function formatRelative(iso) {
 <style scoped>
 .fc-backup-table { background: transparent; }
 .fc-tabular { font-variant-numeric: tabular-nums; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/settings/BrowserExtensionCard.vue b/frontend/src/components/settings/BrowserExtensionCard.vue
index b3d7a41..0fcfc52 100644
--- a/frontend/src/components/settings/BrowserExtensionCard.vue
+++ b/frontend/src/components/settings/BrowserExtensionCard.vue
@@ -187,7 +187,4 @@ async function copy(text, label) {
 .fc-ext-install {
   display: flex; flex-wrap: wrap; gap: 8px;
 }
-.fc-muted {
-  color: rgb(var(--v-theme-on-surface-variant));
-}
 </style>
diff --git a/frontend/src/components/settings/PostMaintenanceCard.vue b/frontend/src/components/settings/PostMaintenanceCard.vue
index c49a3d9..8c41f11 100644
--- a/frontend/src/components/settings/PostMaintenanceCard.vue
+++ b/frontend/src/components/settings/PostMaintenanceCard.vue
@@ -94,7 +94,6 @@ async function onCommit() {
 
 <style scoped>
 .fc-post-maint { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 .fc-name-grid {
   display: flex; flex-wrap: wrap; gap: 4px 8px;
   max-height: 200px; overflow-y: auto;
diff --git a/frontend/src/components/settings/QueuesTable.vue b/frontend/src/components/settings/QueuesTable.vue
index b326101..6ccc372 100644
--- a/frontend/src/components/settings/QueuesTable.vue
+++ b/frontend/src/components/settings/QueuesTable.vue
@@ -101,7 +101,6 @@ function recentErr(name) { return recentByQueue.value[name]?.err || 0 }
 .fc-ok { color: rgb(var(--v-theme-success, 76 175 80)); }
 .fc-err { color: rgb(var(--v-theme-error, 220 80 80)); }
 .fc-warn { color: rgb(var(--v-theme-warning, 255 179 0)); font-weight: 500; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 .fc-sep {
   margin: 0 4px;
   color: rgb(var(--v-theme-on-surface-variant));
diff --git a/frontend/src/components/settings/SystemActivityTab.vue b/frontend/src/components/settings/SystemActivityTab.vue
index ff2f7a7..a4690f9 100644
--- a/frontend/src/components/settings/SystemActivityTab.vue
+++ b/frontend/src/components/settings/SystemActivityTab.vue
@@ -305,5 +305,4 @@ function formatRelative(iso) {
   cursor: pointer;
 }
 .fc-err-link:hover { text-decoration: underline; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>
diff --git a/frontend/src/components/settings/TagMaintenanceCard.vue b/frontend/src/components/settings/TagMaintenanceCard.vue
index 2122c58..46e2f8f 100644
--- a/frontend/src/components/settings/TagMaintenanceCard.vue
+++ b/frontend/src/components/settings/TagMaintenanceCard.vue
@@ -304,7 +304,6 @@ async function onNormCommit() {
 
 <style scoped>
 .fc-tag-maint { border-radius: 8px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 .fc-name-grid {
   display: flex; flex-wrap: wrap; gap: 4px 8px;
   max-height: 200px; overflow-y: auto;
diff --git a/frontend/src/styles/app.css b/frontend/src/styles/app.css
index fa32dd1..8162633 100644
--- a/frontend/src/styles/app.css
+++ b/frontend/src/styles/app.css
@@ -31,3 +31,11 @@
   border: 1px solid rgb(var(--v-theme-on-surface-variant) / 0.25);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
 }
+
+/* Canonical muted/secondary text token (DRY pattern sweep 2026-06-09).
+   Was redefined identically in 12 component <style scoped> blocks; now one
+   global utility. Muted text uses the explicit on-surface-variant (vellum)
+   token, NOT opacity — Vuetify's text-medium-emphasis is opacity-based and is
+   deliberately not used here. `.fc-muted` is a custom class Vuetify never
+   emits, so no specificity/reorder fight — no !important needed. */
+.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
diff --git a/frontend/src/views/CleanupView.vue b/frontend/src/views/CleanupView.vue
index 9f56bda..f1badb6 100644
--- a/frontend/src/views/CleanupView.vue
+++ b/frontend/src/views/CleanupView.vue
@@ -29,5 +29,4 @@ import TagMaintenanceCard from '../components/settings/TagMaintenanceCard.vue'
 
 <style scoped>
 .fc-cleanup { max-width: 900px; }
-.fc-muted { color: rgb(var(--v-theme-on-surface-variant)); }
 </style>