v3: smooth card hover border back to 2px, in a softened accent

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(--card-border);
+  border: var(--card-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(--card-border);
+  border: var(--card-border-width) solid var(--card-border);
   border-radius: var(--radius-xl);
   background: var(--color-surface);
   overflow: hidden;
@@ -5265,7 +5265,7 @@ body.has-player .chat-fab {
 }
 
 .journal-card:hover {
-  border-color: var(--color-accent);
+  border-color: var(--card-hover-border);
   transform: translateY(-2px);
   box-shadow: var(--shadow-2);
 }

src/themes/smooth.css

@@ -89,6 +89,12 @@
   --overlay-filter: blur(3px);
   --modal-border: var(--color-border);
   --card-border: transparent;
+  --card-border-width: 2px;
+  --card-hover-border: color-mix(
+    in srgb,
+    var(--color-accent) 50%,
+    var(--color-surface)
+  );
   --tab-border: transparent;
   --btn-primary-shadow: var(--shadow-1);
   --btn-primary-shadow-hover: var(--shadow-1);

src/tokens.css

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