/* FocusRing Atom - CSS Utility */
.focus-ring:focus-visible {
  outline: none;
  box-shadow: var(--focus-ring);
}

.focus-ring-inset:focus-visible {
  outline: none;
  box-shadow: inset var(--focus-ring);
}

.focus-ring-none:focus-visible {
  outline: none;
  box-shadow: none;
}

.focus-ring-primary:focus-visible {
  box-shadow: var(--focus-ring);
}

.focus-ring-error:focus-visible {
  box-shadow: 0 0 0 3px var(--color-error-light);
}