v3: smooth keeps its uppercase accent-pill tabs and flat, borderless cards

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>

src/App.css

@@ -3356,7 +3356,7 @@ body.has-player .chat-fab {
 /* ── Shared card skin (dump-card + playlist-card) ── */
 .dump-card,
 .playlist-card {
-  border: var(--border-width) solid var(--color-border);
+  border: var(--border-width) solid var(--card-border);
   border-radius: var(--radius-xl);
   background: var(--color-surface);
   box-shadow: var(--card-shadow);
@@ -5255,7 +5255,7 @@ body.has-player .chat-fab {
   position: relative;
   display: flex;
   flex-direction: column;
-  border: var(--border-width) solid var(--color-border);
+  border: var(--border-width) solid var(--card-border);
   border-radius: var(--radius-xl);
   background: var(--color-surface);
   overflow: hidden;

src/themes/smooth.css

@@ -85,18 +85,11 @@
 
   /* Component skins */
   --header-bg: var(--color-bg);
-  --card-shadow: var(--shadow-1);
-  --panel-ring: inset 0 0 0 1px var(--color-border);
-  --card-hover-border: color-mix(in srgb, var(--color-text) 24%, transparent);
   --input-focus-bg: var(--color-surface);
   --overlay-filter: blur(3px);
   --modal-border: var(--color-border);
+  --card-border: transparent;
   --tab-border: transparent;
-  --tab-active-bg: var(--color-accent-soft);
-  --tab-active-fg: var(--color-accent);
-  --tab-active-border: transparent;
-  --tab-text-transform: none;
-  --tab-tracking: 0;
   --btn-primary-shadow: var(--shadow-1);
   --btn-primary-shadow-hover: var(--shadow-1);
 }

src/tokens.css

@@ -111,6 +111,7 @@
   /* ── Component skins ──
      Knobs for the handful of treatments themes disagree on. */
   --header-bg: var(--color-surface);
+  --card-border: var(--color-border);
   --card-shadow: 0 0 #0000;
   --panel-ring: 0 0 #0000;
   --card-hover-border: var(--color-accent);