html/css #12-css variables 색상관리

.card.type~~ 하위에 있는 자식 요소에는 모두 var(--accent-color) 를 선언하여 해당하는 색상을 관리해줄 수 있음

색상 변경과 같은 유지보수에적합하다. 

ex) color : var(--accent-color);

background-color: var(--accent-color);

 

:root로 초기화하면 global vatiable이 된다.