Hogyan lehet megváltoztatni a szöveg színét a háttér színétől függően?

Tehát van egy body, aminek a 10%-a piros színű, a maradék 90% pedig alapértelmezetten fehér. Én azt szeretném elérni, hogy a fehér háttérrésznél fekete, a piroson pedig fehér legyen a betű színe. A "mix-blend-mode" sajnos nem segít, mert nekem mindenképpen fekete + fehér színnel kellene játszani.

Találtam még egy megoldást, ami viszont azért nem jó nekem, mert én nem szeretnék/tudok "white-space: nowrap;"-ot használni, továbbá az én esetemben a body háttere alapján változna a betű színe (tehát szeretném, ha az egész oldal tartalmára vonatkozna, nem csak egy adott osztályra), ezért a "content" megoldás sem jó: [link]

Itt akadtam el: [link]

Előre is köszönöm a segítséget!