diff --git a/src/index.css b/src/index.css index a7869a0..fc80a36 100644 --- a/src/index.css +++ b/src/index.css @@ -44,6 +44,19 @@ --pc-separator: rgba(255,255,255,0.05); } +/* Global focus-visible ring for keyboard navigation (a11y). + Elements with Tailwind focus:ring-* already handle their own styling, + so we target elements that don't have explicit ring classes. */ +:focus-visible { + outline: 2px solid var(--pc-accent-dim); + outline-offset: 2px; +} + +/* Remove default outline for mouse/touch users */ +:focus:not(:focus-visible) { + outline: none; +} + * { scrollbar-width: thin; scrollbar-color: var(--pc-scrollbar-thumb) var(--pc-scrollbar-track);