이전까지의 CSS는 “하드코딩된 색상과 크기”로 구성되어 있었다.하지만 지금의 CSS는 변수(Variable) 를 통해테마 변경, 유지보수, 다크모드 지원까지 손쉽게 구현할 수 있다. 이번 글에서는 CSS 변수의 문법, 실무 활용법,그리고 다크모드(Dark Mode) 구현까지 단계별로 정리했다. 💡 1. CSS 변수(Variable)란? “반복되는 값을 변수로 선언해 어디서든 재사용할 수 있는 기능” 예전에는 색상이나 폰트 크기를 매번 하드코딩했지만 👇 button { background: #007bff; } 이제는 변수로 선언하고 사용할 수 있다 👇 :root { --primary-color: #007bff; } button { background: var(--primary-c..