.palette-white-pink {
  background-color: var(--white);
}

.palette-white-pink .image {
  background-color: var(--pink);
}

.palette-white-pink .link {
  background-color: var(--pink-100);
  color: var(--white);
}

.palette-white-pink .link:hover {
  background-color: var(--purple);
  color: var(--white);
}

.palette-white-orange {
  background-color: var(--white);
}

.palette-white-orange .image {
  background-color: var(--orange);
}

.palette-white-orange .link {
  background-color: var(--orange);
  color: var(--white);
}

.palette-white-orange .link:hover {
  background-color: var(--orange-100);
  color: var(--white);
}

.palette-green-white {
  background-color: var(--light-blue);
}

.palette-green-white .title {
  color: var(--white);
}

.palette-green-white .image {
  background-color: var(--white);
}

.palette-green-white .link {
  background-color: var(--white);
  color: var(--green-100);
}

.palette-green-white .link:hover {
  background-color: var(--green-100);
  color: var(--white);
}

.palette-orange-white {
  background-color: var(--orange);
}

.palette-orange-white .title {
  color: var(--white);
}

.palette-orange-white .image {
  background-color: var(--white);
}

.palette-orange-white .link {
  background-color: var(--white);
  color: var(--orange-100);
}

.palette-orange-white .link:hover {
  background-color: var(--orange-100);
  color: var(--white);
}

.palette-gray-white {
  background-color: var(--gray);
}

.palette-gray-white .image {
  background-color: var(--white);
}

.palette-gray-white .link {
  background-color: var(--green);
  color: var(--green-100);
}

.palette-gray-white .link:hover {
  background-color: var(--green-100);
  color: var(--green);
}

.palette-pink-white {
  background-color: var(--pink);
}

.palette-pink-white .title {
  color: var(--white);
}

.palette-pink-white .image {
  background-color: var(--white);
}

.palette-pink-white .link {
  background-color: var(--white);
  color: var(--purple);
}

.palette-pink-white .link:hover {
  background-color: var(--purple);
  color: var(--white);
}
