@import "jnt-variables";

[role=button], a, area, button, input:not([type=range]), label, select, summary, textarea {
  touch-action: manipulation;
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

body {
  margin: 0;
  font-weight: $jnt-body-font-weight;
  line-height: $jnt-body-line-height;
  font-size: $jnt-body-font-size;
  color: $jnt-body-color;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
}

h1 {
  font-size: $jnt-h1-font-size;
  font-weight: $jnt-font-weight-light;
}

h2 {
  font-size: $jnt-h2-font-size;
  font-weight: $jnt-font-weight-light;
}

h3 {
  font-size: $jnt-h3-font-size;
  font-weight: $jnt-font-weight-light;
}

h4 {
  font-size: $jnt-h4-font-size;
  font-weight: $jnt-font-weight-light;
}

h5 {
  font-size: $jnt-h5-font-size;
  font-weight: $jnt-font-weight-light;
}

h6 {
  font-size: $jnt-h6-font-size;
  font-weight: $jnt-font-weight-light;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: $jnt-headings-margin-bottom;
  &:first-child {
    margin-top: 0;
  }
}

input, textarea, select, button, blockquote {
  font-family: $jnt-font-family-base;
  font-size: $jnt-font-size-base;
}

input, textarea, select, button {
  font-family: $jnt-font-family-base;
  font-size: $jnt-font-size-base;
}