/* Focus */

/* Remove the default :focus outline */
*:focus {
  outline: none;
}

@media (hover: hover) {
	/* Show a custom outline on :focus-visible */
	*:focus-visible {
		outline: var(--focus-ring);
		outline-offset: var(--focus-ring-offset);
  		border: none;
  	}
}