.bg-dark {
  background-color: #0c0e18;
}
.bg-accent {
  background-color: #d2d8f9;
}
.bg-white {
  background-color: #fff;
}
.bg-danger {
  background-color: yellow;
  border-left: 6px solid #ffea00;
}
.text-dark {
  color: #0c0e18;
}
.text-accent {
  color: rgb(17, 3, 55);
}
.text-bold {
  font-weight: bold;
}
.text-important {
  color: var(--strong-color,rgb(178, 15, 15));
}
.text-white {
  color: #fff;
}
.text-no-wrap {
  white-space: nowrap;
}
.text-shadow {
  text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff,
    -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;
}
.ff-serif {
  font-family: Bellefair, serif;
}
.ff-sans-cond {
  font-family: Barlow Condensed, sans-serif;
}
.ff-sans-normal {
  font-family: Barlow, sans-serif;
}
.letter-spacing-1 {
  letter-spacing: 4.75px;
}
.letter-spacing-2 {
  letter-spacing: 2.7px;
}
.letter-spacing-3 {
  letter-spacing: 2.35px;
}
.uppercase {
  text-transform: uppercase;
}
.fs-900 {
  font-size: clamp(5rem, 8vw + 1rem, 9.375rem);
}
.fs-800 {
  font-size: 3.5rem;
}
.fs-700 {
  font-size: 1.5rem;
}
.fs-500,
.fs-600 {
  font-size: 1rem;
}
.fs-400 {
  font-size: 0.9375rem;
}
.fs-300 {
  font-size: 1rem;
}
.fs-200 {
  font-size: 0.875rem;
}
.fs-600,
.fs-700,
.fs-800,
.fs-900 {
  line-height: 1.1;
}
@media (min-width: 45em) {
  .fs-800 {
    font-size: 6.25rem;
  }
  .fs-700 {
    font-size: 3.5rem;
  }
  .fs-600 {
    font-size: 2rem;
  }
  .fs-500 {
    font-size: 1.75rem;
  }
  .fs-400 {
    font-size: 1.125rem;
  }
}