From f7e7e681460f4036e623136f6b101d36dc2518ae Mon Sep 17 00:00:00 2001
From: khannurien <yo@vincentlannurien.com>
Date: Sat, 19 Sep 2026 20:11:44 +0000
Subject: [PATCH] v3: smooth card hover border back to 2px, in a softened
 accent

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
---
 src/App.css           | 6 +++---
 src/themes/smooth.css | 6 ++++++
 src/tokens.css        | 1 +
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/App.css b/src/App.css
index 2e0cc251..df4a2698 100644
--- a/src/App.css
+++ b/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);
 }
diff --git a/src/themes/smooth.css b/src/themes/smooth.css
index 09d1eaf9..0e480744 100644
--- a/src/themes/smooth.css
+++ b/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);
diff --git a/src/tokens.css b/src/tokens.css
index fb2312d3..18c10d1c 100644
--- a/src/tokens.css
+++ b/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);