/* design-kit:focus-ring — GENERATED from @weproject/design-kit (src/focusRing.ts).
   Do not hand-edit: scripts/check-focus-ring.mjs compares this block verbatim.
   Zero-specificity floor. Any app rule overrides it without !important. */
:root { --dk-focus: #1187C4; }
:where(
  a[href],
  area[href],
  button,
  input,
  select,
  textarea,
  summary,
  details,
  iframe,
  audio[controls],
  video[controls],
  [tabindex],
  [contenteditable]
):focus-visible {
  outline: 2px solid var(--focus, var(--dk-focus));
  outline-offset: 2px;
}
/* A ring erased by `outline: none` elsewhere is not a ring. Where an app
   suppresses the outline deliberately it owes a replacement indicator. */
:where(:focus-visible) { scroll-margin-block: 8px; }
/* end design-kit:focus-ring */