Eben, ohne scoped. Er wendet das Stylesheet auf das gesamte Element an, was aber nicht sein soll.

In Chrome ist auch der erste Absatz außerhalb des div rot.

Hab' mich eben gefragt: Wo stehen per <style scoped> definierte Werte eigentlich in der Kaskade bezüglich ihrer Spezifität?
Der Firefox scheint sie so zu Werten, wie inline-Styles (also 1-0-0-0), was sie in gewisser Weise ja auch sind.

Ob sich irgendwas an der Bedeutung des :root-Selektors innerhalb eines scoped-Styles ändert?