/* Global focus styles (a11y) */

:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
  border-radius: var(--radius-sm);
}

button:focus-visible,
a:focus-visible {
  outline: 2px solid var(--accent-primary);
  outline-offset: 2px;
}

/*
 * Skip link focuses <main>; Turbo no longer focuses it (see application.js + turbo-page-announcer).
 * Suppress the global :focus-visible ring on this landmark — a page-sized outline is never useful.
 */
main#main-content:focus,
main#main-content:focus-visible {
  outline: none !important;
  outline-offset: 0 !important;
  box-shadow: none !important;
}