oops, like I said I didn't test it enough. there was a typo in my code; legacy is a class so it needs a period in front

nav:not(.legacy *) {
  background: var(--color-primary);
}

nav:not(.legacy *) button, nav:not(.legacy *) a.button {
  color: var(--color-text-primary);
}