:root {
  --h1: 3rem;
  --h2: 2.5rem;
  --normal-text: 1.05rem;
  --important-text: 1.3rem;
  --lighter-text: 1.4rem;
}

.text--h1 {
  font-size: clamp(1.5rem, 6vw, var(--h1)) !important;
  font-weight: bold;
}

.text--h2 {
  font-size: clamp(1.2rem, 4vw, var(--h2));
}

.text--normal {
  font-size: clamp(0.5rem, 6vw, var(--normal-text));
}

.text--important {
  font-size: clamp(0.5rem, 6vw, var(--important-text));
  font-weight: bolder;
}

.text--light {
  font-size: clamp(1rem, 4vw, var(--lighter-text));
  font-weight: 300;
}