// Body reset

html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}

body {
  font-family: @font-family-base;
  font-size: @font-size-base;
  line-height: @line-height-base;
  color: @text-color;
}

// Reset fonts for relevant elements

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

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


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

h1, h2, h3, h4, h5, h6 {
  font-family: @headings-font-family;
  font-weight: @headings-font-weight;
  line-height: @headings-line-height;
  color: @headings-color;
}

h1,
h2,
h3 {
  margin-top: @line-height-computed;
  margin-bottom: (@line-height-computed / 2);
}

h4,
h5,
h6, {
  margin-top: (@line-height-computed / 2);
  margin-bottom: (@line-height-computed / 2);
}

h1 { font-size: @font-size-h1; }
h2 { font-size: @font-size-h2; }
h3 { font-size: @font-size-h3; }
h4 { font-size: @font-size-h4; }
h5 { font-size: @font-size-h5; }
h6 { font-size: @font-size-h6; }


// Headings with borders
// -------------------------

h1, h2 {
  border-bottom: 1px solid rgba(0,0,0,0.2);
}


h1 {
  margin-top: 0px;
  span {
    display: block;
    font-size: (@font-size-h1 * 0.75);
    font-weight: (@headings-font-weight / 7);
    padding: (@line-height-computed / 4) 0;
  }
}

// Body text
// -------------------------

p {
  margin: 0 0 (@line-height-computed / 2);
}

.text-center {
  text-align: center;
}