@import './../mixins', './../variables';

@layer base {
  a,
  .url {
    color: get-map($theme, 'link');
    text-decoration: underline;
    font-weight: 900;
  }

  a {
    @include transition(color text-decoration-color);

    &:hover,
    &:focus,
    &:active {
      color: get-map($theme, 'link_hover');
    }
  }
}

@layer overrides {
  .url {
    font-weight: 900;
  }
}
