what is the use of :root css in html code example

Example: use of root in css

:root can be useful for declaring global CSS variables:
:root {
  --main-color: hotpink;
  --pane-padding: 5px 42px;
}