From 625b55324af0f153869e9a9c16558d2845b20d47 Mon Sep 17 00:00:00 2001
From: pyr0ball <pyroballpcs@gmail.com>
Date: Wed, 13 May 2026 15:48:12 -0700
Subject: [PATCH] =?UTF-8?q?fix:=20a11y=20foundation=20=E2=80=94=20text-dim?=
 =?UTF-8?q?=20contrast,=20focus-visible,=20prefers-reduced-motion?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/style/theme.css | 16 ++++++++++++----
 1 file changed, 12 insertions(+), 4 deletions(-)

diff --git a/web/src/style/theme.css b/web/src/style/theme.css
index 318b1dd..c7e3209 100644
--- a/web/src/style/theme.css
+++ b/web/src/style/theme.css
@@ -8,7 +8,7 @@
   --color-accent-muted:   #dbeafe;
   --color-text-primary:   #0f172a;
   --color-text-muted:     #475569;
-  --color-text-dim:       #94a3b8;
+  --color-text-dim:       #6b7280;
 
   /* severity text colors */
   --color-sev-debug:    #6b7280;
@@ -32,7 +32,7 @@
   --color-accent-muted:   #2a4a72;
   --color-text-primary:   #e2e8f0;
   --color-text-muted:     #94a3b8;
-  --color-text-dim:       #475569;
+  --color-text-dim:       #6b7280;
 
   --color-sev-debug:    #6b7280;
   --color-sev-info:     #60a5fa;
@@ -47,6 +47,14 @@
 }
 
 /* Smooth theme transitions */
-*, *::before, *::after {
-  transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+@media (prefers-reduced-motion: no-preference) {
+  *, *::before, *::after {
+    transition: background-color 0.15s ease, border-color 0.15s ease, color 0.15s ease;
+  }
+}
+
+/* Keyboard focus indicator */
+:focus-visible {
+  outline: 2px solid var(--color-accent);
+  outline-offset: 2px;
 }