$hr-border-color: $border-color !default;
$hr-border-width: $border-width !default;
$hr-margin-y: $spacer !default;

$link-color: inherit !default;
$link-decoration: underline !default;

$link-hover-color: inherit !default;
$link-hover-decoration: none !default;

$p-margin-bottom: $spacer !default;

@import "@css/base/type/_headings";
@import "@css/base/type/_table";

hr {
   margin-top: $hr-margin-y;
   margin-bottom: $hr-margin-y;
   border: 0;
   border-top: $hr-border-width solid $hr-border-color;
}


b,
strong,
.strong {
   font-weight: $font-weight-bold;
}


a {
   color: $link-color;
   text-decoration: $link-decoration;

   @include haf {
      color: $link-hover-color;
      text-decoration: $link-hover-decoration;
   }

   &[role=button] {
      cursor: pointer;
   }
}

p {
   margin-top: 0;
   margin-bottom: $p-margin-bottom;
}

small,
.small {
   font-size: 80%;
   font-weight: normal;
}

sub,
sup {
   font-size: 75%;
   line-height: 0;
   position: relative;
   vertical-align: baseline;
}

sup {
   top: -.5em;
}

sub {
   bottom: -.25em;
}
