.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

:where(a, button, input, select, textarea):focus-visible {
  outline: 0;
  box-shadow: var(--focus-ring);
}

/* Border radius utilities — approved semantic tokens only. */
.radius-0 { border-radius: var(--radius-0) !important; }
.radius-sharp { border-radius: var(--radius-sharp) !important; }
.radius-sm { border-radius: var(--radius-sm) !important; }
.radius-md { border-radius: var(--radius-md) !important; }
.radius-lg { border-radius: var(--radius-lg) !important; }
.radius-xl { border-radius: var(--radius-xl) !important; }
.radius-2xl { border-radius: var(--radius-2xl) !important; }
.radius-3xl { border-radius: var(--radius-3xl) !important; }
.radius-pill { border-radius: var(--radius-pill) !important; }
.radius-circle { border-radius: var(--radius-circle) !important; }