/**
 * Basic typography style for copy text
 */
html {
  font-size: $remFactor;
}

body {
  color: var(--body-color);
  background: var(--body-bg);
  font-size: var(--body-size);
  font-weight: var(--body-weight);
  font-family: var(--fontFamilyBase);
  line-height: var(--body-lineHeight);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

a {
  color: var(--link-color);
  text-decoration: var(--link-decoration);

  &:hover {
    color: var(--link-onHover-color);
    text-decoration: var(--link-onHover-decoration);
  }
}

label {
  font-weight: var(--fontWeightNormal);
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: var(--fontWeightNormal);
  color: var(--text--loud-color);
  line-height: 1.1;
}

.is-matched {
  color: var(--danger);
}

pre,
code,
kbd,
samp {
  font-family: var(--fontFamilyMonospace);
}