From 075e1850e5348df7bf4a0cd3ed1f9f347ac7dd5b Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 28 Mar 2026 23:20:44 -0700
Subject: [PATCH] fix(web): add interactive hover/active states for buttons and
 links

---
 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 d7b1ea2..15d89b0 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -186,6 +186,17 @@ body {
   outline-offset: 2px;
 }
 
+/* Interactive hover/active states */
+button, [role="button"], a {
+  transition: opacity 0.15s ease, background-color 0.15s ease;
+}
+button:hover:not(:disabled), [role="button"]:hover:not(:disabled) {
+  opacity: 0.85;
+}
+button:active:not(:disabled), [role="button"]:active:not(:disabled) {
+  opacity: 0.7;
+}
+
 /* Skip-to-content link (keyboard accessibility) */
 .skip-to-content {
   position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; z-index: 9999;