/* REFERENCE ONLY — not loaded by any production page.
   The deployed, consolidated stylesheet is /public/styles.css.
   This file is kept only as an annotated source-of-origin record. */

/* Keyboard-focus rings — a copper outline on any focusable control.
   :where() keeps specificity at 0 so it never fights component borders, and
   outline (not border) means it layers cleanly over inline-styled controls.
   Mouse clicks don't trigger it (:focus-visible), only keyboard/AT focus. */
:where(button,[role="button"],a[href],input,select,textarea,summary,[tabindex]):focus-visible{
  outline:2px solid var(--focus-ring);
  outline-offset:2px;
  border-radius:var(--radius-sm);
}
/* Remove the legacy default focus ring where focus-visible applies. */
:where(button,a[href],input,select,textarea,summary,[tabindex]):focus:not(:focus-visible){outline:none}