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;