CSS) style에 변수처리

<style>
      :root {
        --main-color:#909498;
        --default-border:1px solid var(--main-color);
      }
      body {
        height:1000vh;
        margin:50px;
      }
    p {
      background-color:var(--main-color);
    }
    a{
      color:var(--main-color);
      border:var(--default-border);
    }
    </style>

규칙

1. -- 로 시작
2. 연결은 -로 해야한다.
3. 사용은 var('이름') 하기