.chameleon--right.chameleon--blue,
.chameleon--right.chameleon--dark_blue,
.chameleon--right.chameleon--green,
.chameleon--right.chameleon--orange,
.chameleon--right.chameleon--purple,
.chameleon--blue .chameleon__wrapper,
.chameleon--blue .chameleon__breadcrumb,
.chameleon--dark_blue .chameleon__wrapper,
.chameleon--dark_blue .chameleon__breadcrumb,
.chameleon--orange .chameleon__wrapper,
.chameleon--orange .chameleon__breadcrumb,
.chameleon--purple .chameleon__wrapper,
.chameleon--purple .chameleon__breadcrumb {
  color: #fff;
}

.chameleon--right.chameleon--blue,
.chameleon--blue .chameleon__wrapper,
.chameleon--blue .chameleon__breadcrumb {
  background-color: var(--neutral);
}

.chameleon--right.chameleon--dark_blue,
.chameleon--dark_blue .chameleon__wrapper,
.chameleon--dark_blue .chameleon__breadcrumb {
  background-color: var(--pen);
}

.chameleon--right.chameleon--green,
.chameleon--green .chameleon__wrapper,
.chameleon--green .chameleon__breadcrumb {
  background-color: var(--primary);
}

.chameleon--right.chameleon--dark_green,
.chameleon--dark_green .chameleon__wrapper,
.chameleon--dark_green .chameleon__breadcrumb {
  background-color: #8BA791;
}

.chameleon--right.chameleon--beige,
.chameleon--beige .chameleon__wrapper,
.chameleon--beige .chameleon__breadcrumb {
  background-color: var(--background);
}

.chameleon--right.chameleon--orange,
.chameleon--orange .chameleon__wrapper,
.chameleon--orange .chameleon__breadcrumb {
  background-color: #e54225;
}

.chameleon--right.chameleon--purple,
.chameleon--purple .chameleon__wrapper,
.chameleon--purple .chameleon__breadcrumb {
  background-color: var(--secondary);
}