CSS 변수(Custom Properties)를 선언하고 사용하는 올바른 방법은?

해설

CSS 변수(Custom Properties)는 -- 접두사를 붙여 선언하고, var() 함수로 참조합니다. :root에 선언하면 문서 전체에서 사용 가능하며, 테마 색상이나 반복 값을 관리할 때 유용합니다. $는 Sass, @는 Less 전처리기 문법입니다.