@use 'variables';

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: (variables.$spacer * .5);
  font-family: variables.$font-family-base;
  font-weight: 500;
  line-height: 1.2;
  color: variables.$body-color;
}

h1 {
  font-size: variables.$h1-font-size;
}

h2 {
  font-size: variables.$h2-font-size;
}

h3 {
  font-size: variables.$h3-font-size;
}

h4 {
  font-size: variables.$h4-font-size;
}

h5 {
  font-size: variables.$h5-font-size;
}

h6 {
  font-size: variables.$h6-font-size;
}

p {
  margin-top: 0;
  margin-bottom: variables.$spacer;
}

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

mark,
.mark {
  padding: .2em;
  background-color: #fcf8e3;
}

blockquote {
  margin: 0 0 variables.$spacer;
}

ul,
ol {
  padding-left: 2rem;
  margin-top: 0;
  margin-bottom: variables.$spacer;
}