@import "variables";
@import "mixins";

// --------------------------------------------------
// Base styles for HTML elements
// --------------------------------------------------

html {
  color: $black;
  font: #{$base-font-size}/#{$base-line-height} $base-font-family;
  background-color: $base-background-color;
  overflow-y: scroll;
  -webkit-font-smoothing: subpixel-antialiased;
}

// Links
// --------------------------------------------------

a {
  color: $link-color;
  text-decoration: none;
  &:visited {
    color: $link-color-visited;
  }
  &:hover {
    color: $link-color-hover;
  }
  &:focus {
    outline: 0;
  }
  &:active {
    color: $link-color-active;
  }
}

// Typography
// --------------------------------------------------

hr {
  display: block;
  height: 1px;
  margin: 1em 0;
  border: 0;
  border-top: 1px solid $hr-border-color;
  padding: 0;
}

// Lists
// --------------------------------------------------

ul,
ol,
dd {
  margin: 0 0 9px 25px;
  padding: 0;
}

li {
  > ul,
  > ol {
    margin-bottom: 0;
  }
}

// Embedded content
// --------------------------------------------------

img {
  vertical-align: middle;
}

// Forms
// --------------------------------------------------

fieldset {
  margin: 0;
  border: 0;
  padding: 0;
}