お世話になります。
質問させていただきます。

CSS変数をbodyと:rootに設定した時の違いが分かりません。
文書全体に設定したい時は:rootを使うという説明は理解できますが、
bodyも実質文書全体なのではないでしょうか？

私の理解が間違っていたり、もし使い分けがあれば簡単な例を示していただけると助かります。

以上、よろしくお願い致します。