/* Focus */

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

@media (hover: hover) {
	/* Show a custom outline on :focus-visible */
	*:focus-visible {
  		outline: 2px solid var(--color-dark);
  		outline-offset: 4px;
  		border: none;
	}
}