/* FocusRing Atom - CSS Utility */
.focus-ring:focus-visible {
  outline: var(--border-width-2) solid var(--border-focus);
  outline-offset: var(--border-width-2);
}

.focus-ring-inset:focus-visible {
  outline: var(--border-width-2) solid var(--border-focus);
  outline-offset: calc(var(--border-width-2) * -1);
}

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

.focus-ring-primary:focus-visible {
  outline-color: var(--color-primary);
}

.focus-ring-error:focus-visible {
  outline-color: var(--color-error);
}