Increase nav header size and strengthen hover states
Bump header font from step--2 to step--1. Hover on view links, action
button, and user link now darkens to #222 and bolds to 600, matching
the active state weight.

Assisted-by: Claude Opus 4.6 via Claude Code
change sxqsqqnqxuxsmklpvtwywznzomrznyzq
commit 78520585d86e686ff928ba5a530387d1c0214939
author Alpha Chen <alpha@kejadlen.dev>
date
parent opvwzyup
diff --git a/public/css/app.css b/public/css/app.css
index 5957715..f506ab5 100644
--- a/public/css/app.css
+++ b/public/css/app.css
@@ -44,7 +44,7 @@ h2 { font-size: var(--step-0); font-weight: 600; }
   display: flex;
   align-items: baseline;
   padding: var(--space-xs) var(--space-l);
-  font-size: var(--step--2);
+  font-size: var(--step--1);
   border-block-end: 1px solid #ddd;
 }
 
@@ -71,6 +71,7 @@ h2 { font-size: var(--step-0); font-weight: 600; }
 
 .header-action:hover {
   color: #222;
+  font-weight: 600;
 }
 
 .header-action--active {
@@ -85,7 +86,8 @@ h2 { font-size: var(--step-0); font-weight: 600; }
 }
 
 .header-user:hover {
-  color: #999;
+  color: #222;
+  font-weight: 600;
 }
 
 .view-link {
@@ -95,7 +97,8 @@ h2 { font-size: var(--step-0); font-weight: 600; }
 }
 
 .view-link:hover {
-  color: #888;
+  color: #222;
+  font-weight: 600;
 }
 
 .view-link--active {