CSS 질문드려봅니당

안녕하세요

책사서 공부 시작하는 초보입니다.

혼자하려니깐 물어볼 곳도 없고 좀 어렵네용

책에서 이해가 안가는 부분이 있어서 질문드려요

:root {

--main-color: #FF0100;

--accent-color: #1483CC;

--dark-main-color: #3F0100;

--text-bright-color: #fff;

style.css 파일을 위에 저렇게 지정 컬러?? 를 만들어 놓고

하단에 박스를 만드는 내용을 이렇게 적었는데요

.conA a {

display: inline-block;

margin-top: 20px;

padding: 7px 30px;

border: solid 3px currentcolor;

border-radius: 6px;

background-color: #1483CC;

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

color: #fff;

color: var(--text-bright-color);

font-size: 14px;

text-decoration: none;

}

궁금한게

background-color: #1483CC;

만 적어도 색상이 나오는대

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

var 이란걸 왜 또 넣어야 하는거죠??

background-color: var (--accent-color); 만 넣으면 오히려 색상이 안 나오더라고요

왜 넣는걸까요??