@use './colors';

$outline: colors.$focus 3px solid !default;
$outline-offset: 3px !default;
$outline-offset-slide: -3px !default;

@mixin focus-outline {
  outline: $outline;
  outline-offset: $outline-offset;
}

@mixin focus-outline-slide {
  @include focus-outline;
  outline-offset: $outline-offset-slide;
}