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
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 {