> For the complete documentation index, see [llms.txt](https://taewoongs-organization.gitbook.io/jtwjs-dev-wiki/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://taewoongs-organization.gitbook.io/jtwjs-dev-wiki/dev_note/system-design/design-system/undefined-2.md).

# 디자인 토큰

## 디자인 토큰

### CSS Variable

* CSS에서 사용하는 변수
* `--[naming]: [value]`
* 대소문자 구분
* 사용하는곳에선 `var()` 를 통해 사용

```css
element {
  background-color: var(--main-bg-color);
}
```