From 75930e5c1fab8e842fecc87df2b0eeb1c9b80868 Mon Sep 17 00:00:00 2001
From: Brendan Chen <me@bchen.dev>
Date: Fri, 15 May 2026 03:46:32 -0700
Subject: [PATCH] fix: separate hover/focus-visible on .nav-link; restore
 outline ring for keyboard focus (WCAG 2.4.7)

---
 dist/sidebar.css | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/dist/sidebar.css b/dist/sidebar.css
index fcba076..678d4ef 100644
--- a/dist/sidebar.css
+++ b/dist/sidebar.css
@@ -73,10 +73,15 @@
   transition: background 0.1s ease;
 }
 
-.nav-link:hover,
+.nav-link:hover {
+  background: var(--bg-elevated);
+}
+
 .nav-link:focus-visible {
   background: var(--bg-elevated);
-  outline: none;
+  outline: 2px solid var(--accent);
+  outline-offset: 2px;
+  border-radius: var(--radius);
 }
 
 .nav-link.nav-active {
@@ -90,7 +95,7 @@
   display: flex;
   flex-direction: column;
   gap: 0.25rem;
-  border-top: 1px solid var(--border-color);
+  border-top: 1px solid var(--border-color); /* subtle divider, lighter than --border */
   margin-top: auto;
 }