diff --git a/web-player/src/lib/components/ui/primitives/Button.svelte b/web-player/src/lib/components/ui/primitives/Button.svelte
index d7d4fdb..4bcd8f2 100644
--- a/web-player/src/lib/components/ui/primitives/Button.svelte
+++ b/web-player/src/lib/components/ui/primitives/Button.svelte
@@ -35,13 +35,14 @@
 	};
 
 	const subtle = 'bg-btn text-fg-2 hover:bg-btn-hover hover:text-fg';
-	const glass = 'font-normal bg-btn-glass text-fg-2 hover:bg-btn-glass-hover hover:text-fg';
+	const glass =
+		'font-normal border border-hairline bg-btn-glass backdrop-blur-md text-fg-2 hover:bg-btn-glass-hover hover:text-fg';
 
 	const variants = {
 		primary: subtle,
 		secondary: subtle,
 		glass,
-		accent: 'bg-accent-btn text-accent-soft hover:bg-accent-btn-hover',
+		accent: 'bg-accent-btn text-accent-muted hover:bg-accent-btn-hover',
 		strong: 'bg-cta-strong text-ink hover:brightness-95',
 		danger: 'bg-danger text-on-art hover:brightness-110'
 	};
diff --git a/web-player/src/lib/theme/theme.css b/web-player/src/lib/theme/theme.css
index ec2380d..35bcc22 100644
--- a/web-player/src/lib/theme/theme.css
+++ b/web-player/src/lib/theme/theme.css
@@ -16,8 +16,8 @@
 	--mf-surface-hover: rgba(255, 255, 255, 0.06);
 	--mf-btn-bg: var(--mf-surface-2);
 	--mf-btn-bg-hover: var(--mf-surface-hover);
-	--mf-btn-secondary-bg: rgba(255, 255, 255, 0.045);
-	--mf-btn-secondary-bg-hover: rgba(255, 255, 255, 0.07);
+	--mf-btn-secondary-bg: rgba(255, 255, 255, 0.03);
+	--mf-btn-secondary-bg-hover: rgba(255, 255, 255, 0.05);
 
 	--mf-border: rgba(255, 255, 255, 0.04);
 	--mf-border-strong: rgba(255, 255, 255, 0.09);
@@ -84,8 +84,8 @@
 	--mf-surface-hover: #e8eceb;
 	--mf-btn-bg: var(--mf-surface-2);
 	--mf-btn-bg-hover: var(--mf-surface-hover);
-	--mf-btn-secondary-bg: rgba(0, 0, 0, 0.09);
-	--mf-btn-secondary-bg-hover: rgba(0, 0, 0, 0.14);
+	--mf-btn-secondary-bg: rgba(0, 0, 0, 0.055);
+	--mf-btn-secondary-bg-hover: rgba(0, 0, 0, 0.09);
 
 	--mf-scrollbar: rgba(0, 0, 0, 0.18);
 	--mf-scrollbar-hover: rgba(0, 0, 0, 0.32);
diff --git a/web-player/src/routes/layout.css b/web-player/src/routes/layout.css
index 8c8ee99..ad1b318 100644
--- a/web-player/src/routes/layout.css
+++ b/web-player/src/routes/layout.css
@@ -20,6 +20,7 @@
 	--color-muted: var(--mf-text-4);
 	--color-accent: var(--mf-accent);
 	--color-accent-soft: var(--mf-accent-title);
+	--color-accent-muted: var(--mf-accent-muted);
 	--color-accent-tint: var(--mf-accent-soft-bg);
 	--color-accent-btn: var(--mf-accent-btn-bg);
 	--color-accent-btn-hover: var(--mf-accent-btn-bg-hover);