/**
 * The focus styles.
 *
 * It's a good practice to leave focus on element. If you disable it make sure
 * you have other visual implementation for focused elements!
 *
 * @see http://www.outlinenone.com/
 */

:root {
  --focus-box-shadow: 0 0 0 2px var(--color-white), 0 0 0 5px var(--color-primary);
}

:focus {
  outline: none;
  box-shadow: var(--focus-box-shadow);
}