@import 'variables';

body {
  background-color: $color-light;
  color: $color-text-dark;
  font-family: $font-family;
}

a {
  color: $color-action-primary;
  border-bottom: 1px solid transparent;
  
  &:hover, 
  &:focus {
    color: $color-action-primary;
    border-color: currentColor;
    text-decoration: none;
  }
  
  &:focus {
    outline: none;
  }

  &:active,
  &.is-active {
    color: $color-text-dark;
  }
}

hr {
  border: 0;
  border-top: 1px solid $border-color-darker;
  margin: 1.5rem 0;
}