Dedupe remaining CSS: danger colors, redundant background/cursor

- Add --danger-bg/--danger-text tokens and point .error-msg,
  .alert-error, and .btn-danger at them instead of repeating the
  same rgba/hex literals
- Drop .login-btn's cursor: pointer (already covered by button.btn)
- Drop .btn-outline's background: transparent (already covered by
  button.btn for buttons; default background for anchors)

No visual changes intended.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
This commit is contained in:
David DyerandClaude Sonnet 5 committed 2026-08-29 23:13:25 -04:00
1 parent 38b32f69fd
commit 197047f4ef
1 file changed
+7 -6
+7 -6
View File
@@ -15,6 +15,9 @@
--font-serif: 'Fraunces', Georgia, 'Times New Roman', serif; --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
--font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace; --font-mono: 'IBM Plex Mono', ui-monospace, Menlo, monospace;
--font-sans: 'Karla', ui-sans-serif, system-ui, sans-serif; --font-sans: 'Karla', ui-sans-serif, system-ui, sans-serif;
--danger-bg: rgba(180, 50, 40, 0.15);
--danger-text: #ff9d9d;
} }
* { * {
@@ -486,7 +489,6 @@
.btn-outline { .btn-outline {
border: 1px solid var(--gold-dim); border: 1px solid var(--gold-dim);
color: var(--gold-bright); color: var(--gold-bright);
background: transparent;
} }
/* .nav-cta mirrors this hover treatment */ /* .nav-cta mirrors this hover treatment */
@@ -985,9 +987,9 @@
.error-msg, .error-msg,
.alert-error { .alert-error {
background: rgba(180, 50, 40, 0.15); background: var(--danger-bg);
border: 1px solid rgba(220, 80, 60, 0.4); border: 1px solid rgba(220, 80, 60, 0.4);
color: #ff9d9d; color: var(--danger-text);
padding: 0.85rem 1.1rem; padding: 0.85rem 1.1rem;
font-size: 0.88rem; font-size: 0.88rem;
border-radius: 0.125rem; border-radius: 0.125rem;
@@ -1007,7 +1009,6 @@
width: 100%; width: 100%;
justify-content: center; justify-content: center;
margin-top: 0.5rem; margin-top: 0.5rem;
cursor: pointer;
} }
.back-link { .back-link {
@@ -1215,9 +1216,9 @@
} }
.btn-danger { .btn-danger {
background: rgba(180, 50, 40, 0.15); background: var(--danger-bg);
border: 1px solid rgba(220, 80, 60, 0.5); border: 1px solid rgba(220, 80, 60, 0.5);
color: #ff9d9d; color: var(--danger-text);
} }
.btn-danger:hover { .btn-danger:hover {