/* R */

/*

TODO
- specific styles

*/

/* Remove the default :focus outline */
*:focus {
  outline: none;
}
@media (hover: hover) {
	/* Show a custom outline on :focus-visible */
	*:focus-visible {
  		outline: 3px dashed var(--color-dark);
  		outline-offset: 5px;
  		border: none;
	}
}



/********************************************************
 CHECK
 ********************************************************/

 /*
 @media (hover: hover) {
	*:focus-visible {
      border: 3px dashed;
  		border-image: linear-gradient(to right, grey 25%, yellow 25%, yellow 50%, red 50%, red 75%, teal 75%) 5;
	}
  nav *:focus-visible {
    outline-offset: -2px;
    border: none;
    outline: 2px dashed green;
  }
  overlay *:focus-visible {
    outline-offset: -2px;
    border: none;
  }
  footer a:focus-visible {
    outline: 3px solid var(--color-light);
  }
 
}
.cta a:focus {
  text-decoration: underline 2px solid currentColor;
  text-underline-offset: 4px;
}
.cta > *:has(:focus-visible):focus-within {
  outline: 3px dashed var(--color-dark);
  outline-offset: 7px;
}
.cta > *:focus-within a:focus-visible {
  text-decoration: none;
  outline: 0;
}