/**
 * Global: typography
 * Default markup for typographic elements
 */
h1 {
  margin-bottom: var(--h1MarginBottom);
  font-family: var(--h1FontFamily);
  font-size: var(--h1FontSize);
  font-weight: var(--h1FontWeight);
  line-height: var(--h1LineHeight);
}

h2 {
  margin-bottom: var(--h2MarginBottom);
  font-family: var(--h2FontFamily);
  font-size: var(--h2FontSize);
  font-weight: var(--h2FontWeight);
  line-height: var(--h2LineHeight);
}

h3 {
  margin-bottom: var(--h3MarginBottom);
  font-family: var(--h3FontFamily);
  font-size: var(--h3FontSize);
  font-weight: var(--h3FontWeight);
  line-height: var(--h3LineHeight);
}

h4 {
  margin-bottom: var(--h4MarginBottom);
  font-family: var(--h4FontFamily);
  font-size: var(--h4FontSize);
  font-weight: var(--h4FontWeight);
  line-height: var(--h4LineHeight);
}

h5 {
  margin-bottom: var(--h5MarginBottom);
  font-family: var(--h5FontFamily);
  font-size: var(--h5FontSize);
  font-weight: var(--h5FontWeight);
  line-height: var(--h5LineHeight);
}

h6 {
  margin-bottom: var(--h6MarginBottom);
  font-family: var(--h6FontFamily);
  font-size: var(--h6FontSize);
  font-weight: var(--h6FontWeight);
  line-height: var(--h6LineHeight);
}

p,
ol,
ul,
dl,
table,
address {
  margin-bottom: var(--baseMarginBottom);
  font-size: var(--baseFontSize);
  line-height: var(--baseLineHeight);
}

ul,
ol,
blockquote {
  padding-left: var(--baseIndent);
}

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

blockquote {
  margin-bottom: var(--blockquoteMarginBottom);
  font-size: var(--blockquoteFontSize);
  font-style: var(--blockquoteFontStyle);
  line-height: var(--blockquoteLineHeight);
}

blockquote > p {
  font-size: inherit;
  line-height: inherit;
}

small {
  margin-bottom: var(--smallMarginBottom);
  font-size: var(--smallFontSize);
  line-height: var(--smallLineHeight);
}

hr {
  margin: 0 0 var(--horizontalRuleMarginBottom);
  clear: both;
  border-color: var(--horizontalRuleBorderColor);
  border-style: var(--horizontalRuleBorderStyle);
  border-width: var(--horizontalRuleBorderWidth);
}

a {
  font-weight: var(--linkFontWeight);
  color: var(--linkColor);
  text-decoration: var(--linkDecoration);
  transition: var(--linkTransition);
}

a:visited {
  color: var(--linkColorVisited);
}

a:hover {
  color: var(--linkColorHover);
  text-decoration: var(--linkDecorationHover);
}

a:focus {
  color: var(--linkColorFocus);
  outline: var(--linkOutlineFocus);
}

a:hover,
a:active {
  outline: var(--linkOutline);
}