From 7ee0c6d4811953e8c15467ef665a978bcf43ee04 Mon Sep 17 00:00:00 2001
From: saravanakumardb1 <saravanakumardb1@users.noreply.github.com>
Date: Sat, 28 Mar 2026 23:20:59 -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 b2d1d8f..9cebe07 100644
--- a/web/src/app/globals.css
+++ b/web/src/app/globals.css
@@ -215,6 +215,17 @@ button {
   border-width: 0;
 }
 
+/* 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;