.theme--1 {
  background-color: var(--semantic-color-surface-default-resting);
}
.theme--1.theme--inverted {
  background-color: var(--semantic-color-surface-default-inverse-resting);
}
.theme--1 em {
  color: var(--core-color-aqua-500);
}

.theme--2 {
  background-color: var(--semantic-color-surface-default-resting);
}
.theme--2 em {
  color: var(--core-color-green-600);
}
.theme--2.theme--inverted {
  background-color: var(--semantic-color-surface-default-inverse-resting);
}
.theme--2.theme--inverted em {
  color: var(--core-color-green-400);
}

.theme--3 {
  background-color: var(--core-color-purple-800);
}
.theme--3 em {
  color: var(--core-color-yellow-400);
}

.theme--4 {
  background-color: var(--core-color-teal-1000);
}
.theme--4 em {
  color: var(--core-color-teal-400);
}