.bg-dark {
  background-color: var(--neutral-20)!important;
  color: white;
}

.bg-purple {
  background-color: var(--purple-100);
  color: white;
}

.bg-blue {
  background-color: var(--blue-100);
  color: white;
}

.bg-green {
  background-color: var(--green-100);
  color: white;
}

.bg-neutral-light {
  background-color: var(--neutral-110);
}

.bg-grey-pattern-1 {
  background-image: url("/backgrounds/grey-pattern-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-grey-pattern-2 {
  background-image: url("/backgrounds/grey-pattern-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-grey-pattern-3 {
  background-image: url("/backgrounds/grey-pattern-3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-purple-pattern-1 {
  background-image: url("/backgrounds/purple-pattern-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-purple-pattern-2 {
  background-image: url("/backgrounds/purple-pattern-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-purple-pattern-3 {
  background-image: url("/backgrounds/purple-pattern-3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-blue-pattern-1 {
  background-image: url("/backgrounds/blue-pattern-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-blue-pattern-2 {
  background-image: url("/backgrounds/blue-pattern-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-blue-pattern-3 {
  background-image: url("/backgrounds/blue-pattern-3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-green-pattern-1 {
  background-image: url("/backgrounds/green-pattern-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-green-pattern-2 {
  background-image: url("/backgrounds/green-pattern-2.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-green-pattern-3 {
  background-image: url("/backgrounds/green-pattern-3.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.bg-black-pattern-1 {
  background-image: url("/backgrounds/black-pattern-1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: white;
}