The :root selector is a special CSS pseudo-class that targets the root element of the document. In HTML, this is the <html> tag. Developers typically use it to define global variables that can be reused throughout the stylesheet.
Source: Read MoreÂ