디자인 토큰

디자인 시스템에서 색, 간격, 글자 크기 같은 값에 이름을 붙여 둔 것이다. 파란색이라는 값을 코드 여러 곳에 그대로 쓰는 대신 이름 하나로 불러 쓰면, 나중에 그 색을 바꿀 때 이름이 가리키는 값 하나만 고치면 된다. CSS 변수는 이 토큰을 코드에서 실제로 꺼내 쓰는 방법 중 하나다.