A small one:
The data attribute added to the html tag doesn’t match the one in the css file.
Also, I don’t think it matters a lot because @variant works, but the official docs recommend @custom-variant to define custom variants.
Ah, you’re right! Thanks for pointing these out. I went ahead and fixed both.