From bc8c120145ecd33d3f47b62e4d09c3dd2bd6b372 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Fri, 27 Mar 2026 16:36:21 -0700
Subject: [PATCH] feat(design-system): add focus-visible CSS for keyboard
 accessibility

---
 web/src/app/globals.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/web/src/app/globals.css b/web/src/app/globals.css
index c0adbda..736bfc2 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -155,3 +155,14 @@ button {
     border-bottom: 1px solid var(--nl-border-default);
   }
 }
+
+/* Focus-visible — keyboard accessibility */
+*:focus-visible {
+  outline: 2px solid var(--nl-accent-primary, #5A8CFF);
+  outline-offset: 2px;
+  border-radius: 4px;
+}
+
+*:focus:not(:focus-visible) {
+  outline: none;
+}