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;