/* ============================================================
   FOCUS — Consistent keyboard-focus ring for all interactive
   elements.
   ============================================================ */

:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px var(--accent-primary);
  border-radius: var(--radius);
  padding: var(--space-3xs) var(--space-xs);
}