@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;600&display=swap');

h1, .h1 {
  font-size: var(--h1-size);
  line-height: var(--h1-lh);
  font-weight: var(--font-weight-semibold);
  color: var(--color-dark-blue);
}

h2, .h2 {
  font-size: var(--h2-size);
  line-height: var(--h2-lh);
  font-weight: var(--font-weight-semibold);
  color: var(--color-dark-blue);
}

h3, .h3 {
  font-size: var(--h3-size);
  line-height: var(--h3-lh);
  font-weight: var(--font-weight-semibold);
  color: var(--color-dark-blue);
}

h4, .h4 {
  font-size: var(--h4-size);
  line-height: var(--h4-lh);
  font-weight: var(--font-weight-semibold);
  color: var(--color-dark-blue);
}

h5, .h5 {
  font-size: var(--h5-size);
  line-height: var(--h5-lh);
  font-weight: var(--font-weight-regular);
  color: var(--color-dark-blue);
}

p {
  font-size: var(--p-size);
  line-height: var(--p-lh);
  margin-bottom: var(--spacing-sm);
}

p:last-child {
  margin-bottom: 0;
}

small, .text-small {
  font-size: var(--details-size);
  line-height: var(--details-lh);
}

strong, b {
  font-weight: var(--font-weight-semibold);
}