:root {
  --font-size-small: 1rem;
  --font-size-base: 1.25rem;
  --font-size-big: 1.5rem;
  --font-size-bigger: 1.8rem;
  --font-size-huge: 2.25rem;
}


html {
  font-family: var(--font-Regular);
  font-size: var(--font-size-base);
  line-height: 1.65rem;
  hyphens: auto;
}
a,
a:hover,
a:visited {
  color: var(--color-text-dark-translucent);
}
a:hover {
  color: var(--color-text-dark);
}
h1, h2, h3, h4, h5, h6 {
  font-family: var(--displayfont-SemiBold);
  font-size: var(--font-size-big);
  line-height: 1.3rem;
}
h1 {
  font-size: var(--font-size-bigger);
  line-height: 1.2rem;
}

strong {
  font-weight: var(--font-SemiBold);
}