위의 예시에서 --primary-color, --secondary-color, --font-family 등을 전역 변수로 선언했습니다. 이제 이 변수들은 프로젝트 전반에서 사용할 수 있습니다.

2. 전역 스타일 설정

:root를 사용하여 글로벌한 스타일을 설정할 수도 있습니다.

위의 예시에서는 기본 폰트 크기와 줄 간격을 설정했습니다. 이 설정은 문서 전체에 적용됩니다.

3. 사용 예시

전역 변수를 사용하여 다른 요소들의 스타일을 정의할 수 있습니다.

위의 예시에서는 var() 함수를 사용하여 --primary-color, --secondary-color, --font-family 변수를 참조하고 있습니다. 이를 통해 일관된 스타일을 유지하면서도 간편하게 스타일을 조정할 수 있습니다.

이와 같이 :root는 CSS에서 전역 변수를 설정하고 전역 스타일을 적용하는데 유용하게 사용됩니다.