CSS를 쓰다 보면 이런 생각이 들죠.“어? 이 색상 여러 군데에서 계속 반복되는데, 수정하려면 다 찾아서 바꿔야 하나?” 그럴 때 쓰는 게 바로 **CSS 변수(Custom Properties)**입니다.한 번만 선언해두면 어디서든 재사용할 수 있고, 유지보수도 엄청 쉬워져요!✅ 기본 문법:root { --main-color: #FF4200; --font-large: 24px;}h1 { color: var(--main-color); font-size: var(--font-large);} --변수이름으로 선언하고, var(--변수이름)으로 사용할 수 있어요.✅ :root는 어떤 역할?:root는 모든 요소에 적용되는 CSS의 가장 바깥 범위예요.여기서 선언하면 어디서든 접근 가능하다는 뜻이죠!✅ ..