// *************************************
//
//   Base
//   -> Tag-level settings
//
// *************************************

html
  background: $c-background
  color: $c-text
  font-family: $b-fontFamily
  font-size: $b-fontSize
  line-height: $b-lineHeight

body
  font-size: 100%

// -------------------------------------
//   Block Content
// -------------------------------------

ul, p
  margin-bottom: $b-space
  margin-top: 0

li
  margin-bottom: $b-space-s
  margin-top: 0

// ----- Headings ----- //

h1, .h1, %h1,
h2, .h2, %h2,
h3, .h3, %h3,
h4, .h4, %h4
  font-family: $b-fontFamily-heading
  font-weight: bold
  line-height: 1.2
  margin-bottom: $b-space-xs
  margin-top: 0

h1, .h1, %h1
  color: $blue
  font-size: 170%
  text-transform: uppercase

h2, .h2, %h2
  font-size: 150%

h3, .h3, %h3
  font-size: 105%

h4, .h4, %h4
  font-size: 110%

// -------------------------------------
//   Inline Content
// -------------------------------------

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

a
  color: $c-highlight
  text-decoration: none
  &:hover,
  &:focus
    color: lighten($c-highlight,10%)

// ----- Images ----- //

img
  height: auto
  max-width: 100%