디자인 토큰

사용

토큰 이름은 --rbx-로 시작합니다. 컴포넌트에는 가능한 한 용도가 정해진 의미 토큰을 사용합니다.

.panel {
  color: var(--rbx-color-content-emphasis);
  background: var(--rbx-color-surface-100);
  border-radius: var(--rbx-radius-medium);
}

값 변경

기본값은 src/styles/tokens.css, 테마와 공통 스타일은 src/styles/theme.css에 있습니다. 값을 조정할 때는 공통 스타일 다음에 재정의를 추가합니다.

[data-theme="light"] {
  --rbx-color-system-emphasis: #2851ce;
}

기본 토큰

검색 결과의 복사 버튼은 var(--rbx-…) 형식으로 복사합니다.

토큰 검색

636개

이름	값	복사
`--rbx-color-extended-black-0`	`transparent`
`--rbx-color-extended-black-03`	`rgba(0,0,0,.03)`
`--rbx-color-extended-black-05`	`rgba(0,0,0,.05)`
`--rbx-color-extended-black-10`	`rgba(0,0,0,.1)`
`--rbx-color-extended-black-100`	`#000`
`--rbx-color-extended-black-15`	`rgba(0,0,0,.15)`
`--rbx-color-extended-black-20`	`rgba(0,0,0,.2)`
`--rbx-color-extended-black-30`	`rgba(0,0,0,.3)`
`--rbx-color-extended-black-40`	`rgba(0,0,0,.4)`
`--rbx-color-extended-black-50`	`rgba(0,0,0,.5)`
`--rbx-color-extended-black-60`	`rgba(0,0,0,.6)`
`--rbx-color-extended-black-70`	`rgba(0,0,0,.7)`
`--rbx-color-extended-black-80`	`rgba(0,0,0,.8)`
`--rbx-color-extended-black-85`	`rgba(0,0,0,.85)`
`--rbx-color-extended-black-90`	`rgba(0,0,0,.9)`
`--rbx-color-extended-black-95`	`rgba(0,0,0,.95)`
`--rbx-color-extended-black-97`	`rgba(0,0,0,.97)`
`--rbx-color-extended-blue-100`	`#ebf1ff`
`--rbx-color-extended-blue-1000`	`#002dd6`
`--rbx-color-extended-blue-1100`	`#0027b8`
`--rbx-color-extended-blue-1200`	`#029`
`--rbx-color-extended-blue-1300`	`#001b7a`
`--rbx-color-extended-blue-1400`	`#00145c`
`--rbx-color-extended-blue-200`	`#cdf`
`--rbx-color-extended-blue-300`	`#adc9ff`
`--rbx-color-extended-blue-400`	`#8fb4ff`
`--rbx-color-extended-blue-500`	`#70a0ff`
`--rbx-color-extended-blue-600`	`#528bff`
`--rbx-color-extended-blue-700`	`#335fff`
`--rbx-color-extended-blue-800`	`#1446ff`
`--rbx-color-extended-blue-900`	`#0035f5`
`--rbx-color-extended-gray-100`	`#f7f7f8`
`--rbx-color-extended-gray-1000`	`#202227`
`--rbx-color-extended-gray-1100`	`#191a1f`
`--rbx-color-extended-gray-1200`	`#121215`
`--rbx-color-extended-gray-200`	`#eeeff1`
`--rbx-color-extended-gray-300`	`#e6e7ea`
`--rbx-color-extended-gray-400`	`#d5d7dd`
`--rbx-color-extended-gray-500`	`#bcbec8`
`--rbx-color-extended-gray-600`	`#6a6f81`
`--rbx-color-extended-gray-700`	`#494d5a`
`--rbx-color-extended-gray-800`	`#353741`
`--rbx-color-extended-gray-900`	`#272930`
`--rbx-color-extended-green-100`	`#d0fbe3`
`--rbx-color-extended-green-1000`	`#015f35`
`--rbx-color-extended-green-1100`	`#004a29`
`--rbx-color-extended-green-1200`	`#01381f`
`--rbx-color-extended-green-1300`	`#0a2612`
`--rbx-color-extended-green-1400`	`#00160c`
`--rbx-color-extended-green-200`	`#b0f6d0`
`--rbx-color-extended-green-300`	`#8ee9b6`
`--rbx-color-extended-green-400`	`#65d79d`
`--rbx-color-extended-green-500`	`#39c582`
`--rbx-color-extended-green-600`	`#1db16a`
`--rbx-color-extended-green-700`	`#0c9b5a`
`--rbx-color-extended-green-800`	`#01854b`
`--rbx-color-extended-green-900`	`#027240`
`--rbx-color-extended-magenta-100`	`#fde8f9`
`--rbx-color-extended-magenta-1000`	`#8a0ca7`
`--rbx-color-extended-magenta-1100`	`#6e0785`
`--rbx-color-extended-magenta-1200`	`#540467`
`--rbx-color-extended-magenta-1300`	`#3c024a`
`--rbx-color-extended-magenta-1400`	`#23042a`
`--rbx-color-extended-magenta-200`	`#fdddfd`
`--rbx-color-extended-magenta-300`	`#f5c8fc`
`--rbx-color-extended-magenta-400`	`#efaafa`
`--rbx-color-extended-magenta-500`	`#e88bf8`
`--rbx-color-extended-magenta-600`	`#df6af7`
`--rbx-color-extended-magenta-700`	`#d540f5`
`--rbx-color-extended-magenta-800`	`#c00ae8`
`--rbx-color-extended-magenta-900`	`#a50ec8`
`--rbx-color-extended-orange-100`	`#fde8d8`
`--rbx-color-extended-orange-1000`	`#903300`
`--rbx-color-extended-orange-1100`	`#732800`
`--rbx-color-extended-orange-1200`	`#571e00`
`--rbx-color-extended-orange-1300`	`#3c1500`
`--rbx-color-extended-orange-1400`	`#210d01`
`--rbx-color-extended-orange-200`	`#fcdec7`
`--rbx-color-extended-orange-300`	`#fbceae`
`--rbx-color-extended-orange-400`	`#fbb286`
`--rbx-color-extended-orange-500`	`#fa945a`
`--rbx-color-extended-orange-600`	`#f57630`
`--rbx-color-extended-orange-700`	`#dc6423`
`--rbx-color-extended-orange-800`	`#c05014`
`--rbx-color-extended-orange-900`	`#a9430b`
`--rbx-color-extended-pink-100`	`#ffe6f2`
`--rbx-color-extended-pink-1000`	`#991d58`
`--rbx-color-extended-pink-1100`	`#630335`
`--rbx-color-extended-pink-1200`	`#630335`
`--rbx-color-extended-pink-1300`	`#460424`
`--rbx-color-extended-pink-1400`	`#2b0215`
`--rbx-color-extended-pink-200`	`#fedcec`
`--rbx-color-extended-pink-300`	`#facae0`
`--rbx-color-extended-pink-400`	`#f7adcf`
`--rbx-color-extended-pink-500`	`#f38fb8`
`--rbx-color-extended-pink-600`	`#ee72a1`
`--rbx-color-extended-pink-700`	`#e74e90`
`--rbx-color-extended-pink-800`	`#cd377b`
`--rbx-color-extended-pink-900`	`#b42b6a`
`--rbx-color-extended-purple-100`	`#f1e7ff`
`--rbx-color-extended-purple-1000`	`#6c21c6`
`--rbx-color-extended-purple-1100`	`#5614a5`
`--rbx-color-extended-purple-1200`	`#410886`
`--rbx-color-extended-purple-1300`	`#2d0460`
`--rbx-color-extended-purple-1400`	`#1c023b`
`--rbx-color-extended-purple-200`	`#e9defb`
`--rbx-color-extended-purple-300`	`#e2cefd`
`--rbx-color-extended-purple-400`	`#d4b5fc`
`--rbx-color-extended-purple-500`	`#c59cf9`
`--rbx-color-extended-purple-600`	`#b682f7`
`--rbx-color-extended-purple-700`	`#a766f5`
`--rbx-color-extended-purple-800`	`#9348f0`
`--rbx-color-extended-purple-900`	`#822ee7`
`--rbx-color-extended-red-100`	`#ffeae9`
`--rbx-color-extended-red-1000`	`#a41109`
`--rbx-color-extended-red-1100`	`#830f07`
`--rbx-color-extended-red-1200`	`#640c05`
`--rbx-color-extended-red-1300`	`#470804`
`--rbx-color-extended-red-1400`	`#280603`
`--rbx-color-extended-red-200`	`#ffdfde`
`--rbx-color-extended-red-300`	`#f7cdcb`
`--rbx-color-extended-red-400`	`#f3b2ae`
`--rbx-color-extended-red-500`	`#ee9791`
`--rbx-color-extended-red-600`	`#eb7973`
`--rbx-color-extended-red-700`	`#e75750`
`--rbx-color-extended-red-800`	`#df281f`
`--rbx-color-extended-red-900`	`#c5120a`
`--rbx-color-extended-turquoise-100`	`#c8f6ff`
`--rbx-color-extended-turquoise-1000`	`#055a6a`
`--rbx-color-extended-turquoise-1100`	`#044754`
`--rbx-color-extended-turquoise-1200`	`#02353f`
`--rbx-color-extended-turquoise-1300`	`#02252c`
`--rbx-color-extended-turquoise-1400`	`#021418`
`--rbx-color-extended-turquoise-200`	`#a3effe`
`--rbx-color-extended-turquoise-300`	`#7ee5f8`
`--rbx-color-extended-turquoise-400`	`#5cd2e8`
`--rbx-color-extended-turquoise-500`	`#39bdd8`
`--rbx-color-extended-turquoise-600`	`#16a9c7`
`--rbx-color-extended-turquoise-700`	`#0494b2`
`--rbx-color-extended-turquoise-800`	`#127d98`
`--rbx-color-extended-turquoise-900`	`#056c82`
`--rbx-color-extended-white-0`	`rgba(255,255,255,0)`
`--rbx-color-extended-white-03`	`rgba(255,255,255,.03)`
`--rbx-color-extended-white-05`	`rgba(255,255,255,.05)`
`--rbx-color-extended-white-10`	`rgba(255,255,255,.1)`
`--rbx-color-extended-white-100`	`#fff`
`--rbx-color-extended-white-15`	`rgba(255,255,255,.15)`
`--rbx-color-extended-white-20`	`rgba(255,255,255,.2)`
`--rbx-color-extended-white-30`	`rgba(255,255,255,.3)`
`--rbx-color-extended-white-40`	`rgba(255,255,255,.4)`
`--rbx-color-extended-white-50`	`rgba(255,255,255,.5)`
`--rbx-color-extended-white-60`	`rgba(255,255,255,.6)`
`--rbx-color-extended-white-70`	`rgba(255,255,255,.7)`
`--rbx-color-extended-white-80`	`rgba(255,255,255,.8)`
`--rbx-color-extended-white-85`	`rgba(255,255,255,.85)`
`--rbx-color-extended-white-90`	`rgba(255,255,255,.9)`
`--rbx-color-extended-white-95`	`rgba(255,255,255,.95)`
`--rbx-color-extended-white-97`	`rgba(255,255,255,.97)`
`--rbx-color-extended-yellow-100`	`#fdecc1`
`--rbx-color-extended-yellow-1000`	`#6b4c00`
`--rbx-color-extended-yellow-1100`	`#533d02`
`--rbx-color-extended-yellow-1200`	`#3f2d01`
`--rbx-color-extended-yellow-1300`	`#2c1f00`
`--rbx-color-extended-yellow-1400`	`#181100`
`--rbx-color-extended-yellow-200`	`#fae4aa`
`--rbx-color-extended-yellow-300`	`#f7d273`
`--rbx-color-extended-yellow-400`	`#f2ba2a`
`--rbx-color-extended-yellow-500`	`#dba61f`
`--rbx-color-extended-yellow-600`	`#c49315`
`--rbx-color-extended-yellow-700`	`#ae800b`
`--rbx-color-extended-yellow-800`	`#976c00`
`--rbx-color-extended-yellow-900`	`#815d00`
`--rbx-config-text-font`	`"Builder Sans"`
`--rbx-config-text-interval`	`calc(var(--size-100)var(--config-text-scale)var(--config-text-nominal-scale))`
`--rbx-config-text-inverse-scale`	`calc(1/var(--config-text-nominal-scale))`
`--rbx-config-text-nominal-scale`	`1`
`--rbx-config-text-scale`	`1`
`--rbx-config-theme-is-foundation`	`true`
`--rbx-config-theme-is-uiblox`	`false`
`--rbx-config-theme-name`	`Foundation`
`--rbx-config-uiinterval`	`4`
`--rbx-config-uiscale`	`1px`
`--rbx-config-uistroke-base`	`1`
`--rbx-dark-mode-action-alert-background`	`var(--dark-mode-shift-300)`
`--rbx-dark-mode-action-alert-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-alert-foreground`	`#f04433`
`--rbx-dark-mode-action-emphasis-background`	`var(--dark-mode-system-emphasis)`
`--rbx-dark-mode-action-emphasis-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-emphasis-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-action-link-background`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-link-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-link-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-action-over-media-background`	`var(--dark-mode-system-contrast)`
`--rbx-dark-mode-action-over-media-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-over-media-foreground`	`var(--light-mode-content-emphasis)`
`--rbx-dark-mode-action-soft-emphasis-background`	`color-mix(in srgb,var(--color-extended-blue-700)40%,transparent)`
`--rbx-dark-mode-action-soft-emphasis-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-soft-emphasis-foreground`	`var(--color-extended-blue-100)`
`--rbx-dark-mode-action-standard-background`	`var(--dark-mode-shift-300)`
`--rbx-dark-mode-action-standard-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-standard-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-action-sub-emphasis-background`	`var(--dark-mode-action-over-media-background)`
`--rbx-dark-mode-action-sub-emphasis-border`	`var(--dark-mode-action-over-media-border)`
`--rbx-dark-mode-action-sub-emphasis-foreground`	`var(--dark-mode-action-over-media-foreground)`
`--rbx-dark-mode-action-subtle-background`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-subtle-border`	`var(--dark-mode-content-default)`
`--rbx-dark-mode-action-subtle-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-action-utility-background`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-utility-border`	`var(--dark-mode-none)`
`--rbx-dark-mode-action-utility-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-common-backdrop`	`rgba(10,10,14,.75)`
`--rbx-dark-mode-common-heavy-divider`	`var(--color-extended-black-50)`
`--rbx-dark-mode-common-navigation-bar`	`var(--dark-mode-surface-0)`
`--rbx-dark-mode-common-scrim`	`var(--dark-mode-common-backdrop)`
`--rbx-dark-mode-common-shadow`	`var(--color-extended-black-50)`
`--rbx-dark-mode-common-shimmer`	`var(--dark-mode-shift-300)`
`--rbx-dark-mode-content-default`	`var(--color-extended-gray-400)`
`--rbx-dark-mode-content-emphasis`	`var(--color-extended-gray-100)`
`--rbx-dark-mode-content-link`	`var(--color-extended-blue-600)`
`--rbx-dark-mode-content-muted`	`var(--color-extended-gray-500)`
`--rbx-dark-mode-none`	`transparent`
`--rbx-dark-mode-over-media-0`	`color-mix(in srgb,var(--dark-mode-surface-0)92%,transparent)`
`--rbx-dark-mode-over-media-100`	`color-mix(in srgb,var(--dark-mode-surface-100)92%,transparent)`
`--rbx-dark-mode-over-media-200`	`color-mix(in srgb,var(--dark-mode-surface-200)92%,transparent)`
`--rbx-dark-mode-over-media-300`	`color-mix(in srgb,var(--dark-mode-surface-300)92%,transparent)`
`--rbx-dark-mode-selection-end`	`var(--color-extended-white-100)`
`--rbx-dark-mode-selection-start`	`var(--color-extended-white-100)`
`--rbx-dark-mode-shift-100`	`rgba(208,217,251,.04)`
`--rbx-dark-mode-shift-200`	`rgba(208,217,251,.08)`
`--rbx-dark-mode-shift-300`	`rgba(208,217,251,.12)`
`--rbx-dark-mode-shift-400`	`rgba(208,217,251,.16)`
`--rbx-dark-mode-state-hover`	`var(--dark-mode-shift-200)`
`--rbx-dark-mode-state-idle`	`var(--color-extended-white-0)`
`--rbx-dark-mode-state-press`	`var(--dark-mode-shift-300)`
`--rbx-dark-mode-stroke-default`	`var(--dark-mode-shift-300)`
`--rbx-dark-mode-stroke-emphasis`	`var(--dark-mode-shift-400)`
`--rbx-dark-mode-stroke-muted`	`var(--dark-mode-shift-200)`
`--rbx-dark-mode-surface-0`	`var(--color-extended-gray-1200)`
`--rbx-dark-mode-surface-100`	`var(--color-extended-gray-1100)`
`--rbx-dark-mode-surface-200`	`var(--color-extended-gray-1000)`
`--rbx-dark-mode-surface-300`	`var(--color-extended-gray-900)`
`--rbx-dark-mode-system-alert`	`var(--color-extended-red-800)`
`--rbx-dark-mode-system-contrast`	`var(--dark-mode-content-emphasis)`
`--rbx-dark-mode-system-emphasis`	`var(--color-extended-blue-700)`
`--rbx-dark-mode-system-neutral`	`var(--color-extended-gray-500)`
`--rbx-dark-mode-system-success`	`var(--color-extended-green-500)`
`--rbx-dark-mode-system-warning`	`var(--color-extended-yellow-400)`
`--rbx-ease-expressive-in`	`cubic-bezier(.25,0,.5,-1)`
`--rbx-ease-expressive-out`	`cubic-bezier(.25,1.5,.5,1)`
`--rbx-ease-linear`	`cubic-bezier(0,0,1,1)`
`--rbx-ease-standard-in`	`cubic-bezier(.8,0,.4,1)`
`--rbx-ease-standard-out`	`cubic-bezier(.2,0,0,1)`
`--rbx-font-size-1000`	`calc(var(--config-text-interval)*10)`
`--rbx-font-size-1100`	`calc(var(--config-text-interval)*11)`
`--rbx-font-size-1200`	`calc(var(--config-text-interval)*12)`
`--rbx-font-size-1300`	`calc(var(--config-text-interval)*13)`
`--rbx-font-size-1400`	`calc(var(--config-text-interval)*14)`
`--rbx-font-size-1500`	`calc(var(--config-text-interval)*15)`
`--rbx-font-size-1600`	`calc(var(--config-text-interval)*16)`
`--rbx-font-size-1700`	`calc(var(--config-text-interval)*17)`
`--rbx-font-size-1800`	`calc(var(--config-text-interval)*18)`
`--rbx-font-size-1900`	`calc(var(--config-text-interval)*19)`
`--rbx-font-size-200`	`calc(var(--config-text-interval)*2)`
`--rbx-font-size-2000`	`calc(var(--config-text-interval)*20)`
`--rbx-font-size-2100`	`calc(var(--config-text-interval)*21)`
`--rbx-font-size-2200`	`calc(var(--config-text-interval)*22)`
`--rbx-font-size-2300`	`calc(var(--config-text-interval)*23)`
`--rbx-font-size-2400`	`calc(var(--config-text-interval)*24)`
`--rbx-font-size-250`	`calc(var(--config-text-interval)*2.5)`
`--rbx-font-size-2500`	`calc(var(--config-text-interval)*25)`
`--rbx-font-size-2600`	`calc(var(--config-text-interval)*26)`
`--rbx-font-size-2700`	`calc(var(--config-text-interval)*27)`
`--rbx-font-size-2800`	`calc(var(--config-text-interval)*28)`
`--rbx-font-size-2900`	`calc(var(--config-text-interval)*29)`
`--rbx-font-size-300`	`calc(var(--config-text-interval)*3)`
`--rbx-font-size-3000`	`calc(var(--config-text-interval)*30)`
`--rbx-font-size-350`	`calc(var(--config-text-interval)*3.5)`
`--rbx-font-size-400`	`calc(var(--config-text-interval)*4)`
`--rbx-font-size-500`	`calc(var(--config-text-interval)*5)`
`--rbx-font-size-600`	`calc(var(--config-text-interval)*6)`
`--rbx-font-size-700`	`calc(var(--config-text-interval)*7)`
`--rbx-font-size-800`	`calc(var(--config-text-interval)*8)`
`--rbx-font-size-900`	`calc(var(--config-text-interval)*9)`
`--rbx-font-weight-300`	`300`
`--rbx-font-weight-400`	`400`
`--rbx-font-weight-500`	`500`
`--rbx-font-weight-600`	`600`
`--rbx-font-weight-700`	`700`
`--rbx-font-weight-800`	`800`
`--rbx-gap-large`	`var(--size-400)`
`--rbx-gap-medium`	`var(--size-300)`
`--rbx-gap-none`	`var(--size-0)`
`--rbx-gap-small`	`var(--size-200)`
`--rbx-gap-xlarge`	`var(--size-500)`
`--rbx-gap-xsmall`	`var(--size-100)`
`--rbx-gap-xxlarge`	`var(--size-600)`
`--rbx-gap-xxsmall`	`var(--size-50)`
`--rbx-gutter-large`	`var(--size-400)`
`--rbx-gutter-medium`	`var(--size-300)`
`--rbx-gutter-none`	`var(--size-0)`
`--rbx-gutter-small`	`var(--size-200)`
`--rbx-gutter-xlarge`	`var(--size-500)`
`--rbx-gutter-xxlarge`	`var(--size-600)`
`--rbx-icon-size-large`	`var(--size-600)`
`--rbx-icon-size-medium`	`var(--size-500)`
`--rbx-icon-size-small`	`var(--size-400)`
`--rbx-icon-size-xlarge`	`var(--size-700)`
`--rbx-icon-size-xsmall`	`var(--size-300)`
`--rbx-icon-size-xxlarge`	`var(--size-800)`
`--rbx-input-size-large`	`var(--size-1200)`
`--rbx-input-size-medium`	`var(--size-1000)`
`--rbx-input-size-small`	`var(--size-800)`
`--rbx-input-size-xsmall`	`var(--size-600)`
`--rbx-letter-spacing-default`	`0em`
`--rbx-letter-spacing-loose`	`.01em`
`--rbx-letter-spacing-tight`	`-.01em`
`--rbx-light-mode-action-alert-background`	`var(--light-mode-shift-300)`
`--rbx-light-mode-action-alert-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-alert-foreground`	`#d91c15`
`--rbx-light-mode-action-emphasis-background`	`var(--light-mode-system-emphasis)`
`--rbx-light-mode-action-emphasis-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-emphasis-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-light-mode-action-link-background`	`var(--light-mode-none)`
`--rbx-light-mode-action-link-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-link-foreground`	`var(--light-mode-content-emphasis)`
`--rbx-light-mode-action-over-media-background`	`var(--light-mode-system-contrast)`
`--rbx-light-mode-action-over-media-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-over-media-foreground`	`var(--dark-mode-content-emphasis)`
`--rbx-light-mode-action-soft-emphasis-background`	`color-mix(in srgb,var(--color-extended-blue-700)30%,transparent)`
`--rbx-light-mode-action-soft-emphasis-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-soft-emphasis-foreground`	`var(--color-extended-blue-1400)`
`--rbx-light-mode-action-standard-background`	`var(--light-mode-shift-300)`
`--rbx-light-mode-action-standard-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-standard-foreground`	`var(--light-mode-content-emphasis)`
`--rbx-light-mode-action-sub-emphasis-background`	`var(--light-mode-action-over-media-background)`
`--rbx-light-mode-action-sub-emphasis-border`	`var(--light-mode-action-over-media-border)`
`--rbx-light-mode-action-sub-emphasis-foreground`	`var(--light-mode-action-over-media-foreground)`
`--rbx-light-mode-action-subtle-background`	`var(--light-mode-none)`
`--rbx-light-mode-action-subtle-border`	`var(--light-mode-content-default)`
`--rbx-light-mode-action-subtle-foreground`	`var(--light-mode-content-emphasis)`
`--rbx-light-mode-action-utility-background`	`var(--light-mode-none)`
`--rbx-light-mode-action-utility-border`	`var(--light-mode-none)`
`--rbx-light-mode-action-utility-foreground`	`var(--light-mode-content-emphasis)`
`--rbx-light-mode-common-backdrop`	`rgba(10,10,14,.5)`
`--rbx-light-mode-common-heavy-divider`	`var(--light-mode-shift-100)`
`--rbx-light-mode-common-navigation-bar`	`var(--light-mode-surface-0)`
`--rbx-light-mode-common-scrim`	`var(--light-mode-common-backdrop)`
`--rbx-light-mode-common-shadow`	`var(--color-extended-black-50)`
`--rbx-light-mode-common-shimmer`	`var(--light-mode-shift-300)`
`--rbx-light-mode-content-default`	`var(--color-extended-gray-700)`
`--rbx-light-mode-content-emphasis`	`var(--color-extended-gray-1000)`
`--rbx-light-mode-content-link`	`var(--color-extended-blue-800)`
`--rbx-light-mode-content-muted`	`var(--color-extended-gray-600)`
`--rbx-light-mode-none`	`transparent`
`--rbx-light-mode-over-media-0`	`color-mix(in srgb,var(--light-mode-surface-0)92%,transparent)`
`--rbx-light-mode-over-media-100`	`color-mix(in srgb,var(--light-mode-surface-100)92%,transparent)`
`--rbx-light-mode-over-media-200`	`color-mix(in srgb,var(--light-mode-surface-200)92%,transparent)`
`--rbx-light-mode-over-media-300`	`color-mix(in srgb,var(--light-mode-surface-300)92%,transparent)`
`--rbx-light-mode-selection-end`	`var(--light-mode-system-emphasis)`
`--rbx-light-mode-selection-start`	`var(--light-mode-system-emphasis)`
`--rbx-light-mode-shift-100`	`rgba(27,37,75,.04)`
`--rbx-light-mode-shift-200`	`rgba(27,37,75,.08)`
`--rbx-light-mode-shift-300`	`rgba(27,37,75,.12)`
`--rbx-light-mode-shift-400`	`rgba(27,37,75,.16)`
`--rbx-light-mode-state-hover`	`var(--light-mode-shift-200)`
`--rbx-light-mode-state-idle`	`var(--color-extended-black-0)`
`--rbx-light-mode-state-press`	`var(--light-mode-shift-300)`
`--rbx-light-mode-stroke-default`	`var(--light-mode-shift-300)`
`--rbx-light-mode-stroke-emphasis`	`var(--light-mode-shift-400)`
`--rbx-light-mode-stroke-muted`	`var(--light-mode-shift-200)`
`--rbx-light-mode-surface-0`	`var(--color-extended-white-100)`
`--rbx-light-mode-surface-100`	`var(--color-extended-gray-100)`
`--rbx-light-mode-surface-200`	`var(--color-extended-white-100)`
`--rbx-light-mode-surface-300`	`var(--color-extended-gray-100)`
`--rbx-light-mode-system-alert`	`var(--color-extended-red-800)`
`--rbx-light-mode-system-contrast`	`var(--light-mode-content-emphasis)`
`--rbx-light-mode-system-emphasis`	`var(--color-extended-blue-700)`
`--rbx-light-mode-system-neutral`	`var(--color-extended-gray-700)`
`--rbx-light-mode-system-success`	`var(--color-extended-green-500)`
`--rbx-light-mode-system-warning`	`var(--color-extended-yellow-400)`
`--rbx-line-height-100`	`calc(100%*var(--config-text-inverse-scale))`
`--rbx-line-height-120`	`calc(120%*var(--config-text-inverse-scale))`
`--rbx-line-height-130`	`calc(130%*var(--config-text-inverse-scale))`
`--rbx-line-height-140`	`calc(140%*var(--config-text-inverse-scale))`
`--rbx-margin-large`	`var(--size-1200)`
`--rbx-margin-medium`	`var(--size-600)`
`--rbx-margin-none`	`var(--size-0)`
`--rbx-margin-small`	`var(--size-500)`
`--rbx-padding-large`	`var(--size-400)`
`--rbx-padding-medium`	`var(--size-300)`
`--rbx-padding-none`	`var(--size-0)`
`--rbx-padding-small`	`var(--size-200)`
`--rbx-padding-xlarge`	`var(--size-500)`
`--rbx-padding-xsmall`	`var(--size-100)`
`--rbx-padding-xxlarge`	`var(--size-600)`
`--rbx-padding-xxsmall`	`var(--size-50)`
`--rbx-platform-base`	`var(--config-uiinterval)`
`--rbx-platform-rem`	`var(--size-200)`
`--rbx-platform-scale`	`var(--config-uiscale)`
`--rbx-radius-circle`	`calc(var(--config-uiscale)*9999)`
`--rbx-radius-large`	`var(--size-400)`
`--rbx-radius-medium`	`var(--size-200)`
`--rbx-radius-none`	`var(--size-0)`
`--rbx-radius-small`	`var(--size-100)`
`--rbx-radius-xsmall`	`var(--size-50)`
`--rbx-size-0`	`calc(var(--size-100)*0)`
`--rbx-size-100`	`calc(var(--config-uiscale)*var(--config-uiinterval))`
`--rbx-size-1000`	`calc(var(--size-100)*10)`
`--rbx-size-1100`	`calc(var(--size-100)*11)`
`--rbx-size-1200`	`calc(var(--size-100)*12)`
`--rbx-size-1300`	`calc(var(--size-100)*13)`
`--rbx-size-1400`	`calc(var(--size-100)*14)`
`--rbx-size-150`	`calc(var(--size-100)*1.5)`
`--rbx-size-1500`	`calc(var(--size-100)*15)`
`--rbx-size-1600`	`calc(var(--size-100)*16)`
`--rbx-size-1700`	`calc(var(--size-100)*17)`
`--rbx-size-1800`	`calc(var(--size-100)*18)`
`--rbx-size-1900`	`calc(var(--size-100)*19)`
`--rbx-size-200`	`calc(var(--size-100)*2)`
`--rbx-size-2000`	`calc(var(--size-100)*20)`
`--rbx-size-2100`	`calc(var(--size-100)*21)`
`--rbx-size-2200`	`calc(var(--size-100)*22)`
`--rbx-size-2300`	`calc(var(--size-100)*23)`
`--rbx-size-2400`	`calc(var(--size-100)*24)`
`--rbx-size-250`	`calc(var(--size-100)*2.5)`
`--rbx-size-2500`	`calc(var(--size-100)*25)`
`--rbx-size-2600`	`calc(var(--size-100)*26)`
`--rbx-size-2700`	`calc(var(--size-100)*27)`
`--rbx-size-2800`	`calc(var(--size-100)*28)`
`--rbx-size-2900`	`calc(var(--size-100)*29)`
`--rbx-size-300`	`calc(var(--size-100)*3)`
`--rbx-size-3000`	`calc(var(--size-100)*30)`
`--rbx-size-350`	`calc(var(--size-100)*3.5)`
`--rbx-size-400`	`calc(var(--size-100)*4)`
`--rbx-size-50`	`calc(var(--size-100)*.5)`
`--rbx-size-500`	`calc(var(--size-100)*5)`
`--rbx-size-600`	`calc(var(--size-100)*6)`
`--rbx-size-700`	`calc(var(--size-100)*7)`
`--rbx-size-800`	`calc(var(--size-100)*8)`
`--rbx-size-900`	`calc(var(--size-100)*9)`
`--rbx-stroke-none`	`calc(var(--stroke-standard)*0)`
`--rbx-stroke-standard`	`calc(var(--config-uistroke-base)*var(--config-uiscale))`
`--rbx-stroke-thick`	`calc(var(--stroke-standard)*1.5)`
`--rbx-stroke-thicker`	`calc(var(--stroke-standard)*3)`
`--rbx-stroke-thin`	`calc(var(--stroke-standard)*.5)`
`--rbx-time-100`	`.1s`
`--rbx-time-1000`	`1s`
`--rbx-time-200`	`.2s`
`--rbx-time-300`	`.3s`
`--rbx-time-400`	`.4s`
`--rbx-time-50`	`50ms`
`--rbx-time-500`	`.5s`
`--rbx-time-600`	`.6s`
`--rbx-time-700`	`.7s`
`--rbx-time-800`	`.8s`
`--rbx-time-900`	`.9s`
`--rbx-toggle-size-large`	`var(--size-700)`
`--rbx-toggle-size-medium`	`var(--size-600)`
`--rbx-toggle-size-small`	`var(--size-500)`
`--rbx-toggle-size-xsmall`	`var(--size-400)`
`--rbx-typography-body-large-font`	`var(--font-weight-400)var(--font-size-400)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-body-large-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-body-medium-font`	`var(--font-weight-400)var(--font-size-350)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-body-medium-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-body-small-font`	`var(--font-weight-400)var(--font-size-300)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-body-small-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-caption-large-font`	`var(--font-weight-600)var(--font-size-350)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-caption-large-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-caption-medium-font`	`var(--font-weight-600)var(--font-size-300)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-caption-medium-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-caption-small-font`	`var(--font-weight-600)var(--font-size-250)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-caption-small-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-display-large-font`	`var(--font-weight-700)var(--font-size-2000)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-display-large-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-display-medium-font`	`var(--font-weight-700)var(--font-size-1400)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-display-medium-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-display-small-font`	`var(--font-weight-700)var(--font-size-1000)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-display-small-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-heading-large-font`	`var(--font-weight-700)var(--font-size-700)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-heading-large-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-heading-medium-font`	`var(--font-weight-700)var(--font-size-600)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-heading-medium-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-heading-small-font`	`var(--font-weight-700)var(--font-size-500)/var(--line-height-120)var(--config-text-font)`
`--rbx-typography-heading-small-letter-spacing`	`var(--letter-spacing-tight)`
`--rbx-typography-label-large-font`	`var(--font-weight-600)var(--font-size-400)/var(--line-height-100)var(--config-text-font)`
`--rbx-typography-label-large-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-label-medium-font`	`var(--font-weight-600)var(--font-size-350)/var(--line-height-100)var(--config-text-font)`
`--rbx-typography-label-medium-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-label-small-font`	`var(--font-weight-600)var(--font-size-300)/var(--line-height-100)var(--config-text-font)`
`--rbx-typography-label-small-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-title-large-font`	`var(--font-weight-700)var(--font-size-400)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-title-large-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-title-medium-font`	`var(--font-weight-700)var(--font-size-350)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-title-medium-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-typography-title-small-font`	`var(--font-weight-700)var(--font-size-300)/var(--line-height-140)var(--config-text-font)`
`--rbx-typography-title-small-letter-spacing`	`var(--letter-spacing-default)`
`--rbx-breakpoint-xsmall`	`360px`
`--rbx-breakpoint-small`	`600px`
`--rbx-breakpoint-medium`	`1140px`
`--rbx-breakpoint-large`	`1520px`
`--rbx-breakpoint-xlarge`	`1920px`
`--rbx-color-action-alert-background`	`var(--light-mode-action-alert-background)`
`--rbx-color-action-alert-border`	`var(--light-mode-action-alert-border)`
`--rbx-color-action-alert-foreground`	`var(--light-mode-action-alert-foreground)`
`--rbx-color-action-emphasis-background`	`var(--light-mode-action-emphasis-background)`
`--rbx-color-action-emphasis-border`	`var(--light-mode-action-emphasis-border)`
`--rbx-color-action-emphasis-foreground`	`var(--light-mode-action-emphasis-foreground)`
`--rbx-color-action-link-background`	`var(--light-mode-action-link-background)`
`--rbx-color-action-link-border`	`var(--light-mode-action-link-border)`
`--rbx-color-action-link-foreground`	`var(--light-mode-action-link-foreground)`
`--rbx-color-action-over-media-background`	`var(--light-mode-action-over-media-background)`
`--rbx-color-action-over-media-border`	`var(--light-mode-action-over-media-border)`
`--rbx-color-action-over-media-foreground`	`var(--light-mode-action-over-media-foreground)`
`--rbx-color-action-soft-emphasis-background`	`var(--light-mode-action-soft-emphasis-background)`
`--rbx-color-action-soft-emphasis-border`	`var(--light-mode-action-soft-emphasis-border)`
`--rbx-color-action-soft-emphasis-foreground`	`var(--light-mode-action-soft-emphasis-foreground)`
`--rbx-color-action-standard-background`	`var(--light-mode-action-standard-background)`
`--rbx-color-action-standard-border`	`var(--light-mode-action-standard-border)`
`--rbx-color-action-standard-foreground`	`var(--light-mode-action-standard-foreground)`
`--rbx-color-action-sub-emphasis-background`	`var(--light-mode-action-sub-emphasis-background)`
`--rbx-color-action-sub-emphasis-border`	`var(--light-mode-action-sub-emphasis-border)`
`--rbx-color-action-sub-emphasis-foreground`	`var(--light-mode-action-sub-emphasis-foreground)`
`--rbx-color-action-subtle-background`	`var(--light-mode-action-subtle-background)`
`--rbx-color-action-subtle-border`	`var(--light-mode-action-subtle-border)`
`--rbx-color-action-subtle-foreground`	`var(--light-mode-action-subtle-foreground)`
`--rbx-color-action-utility-background`	`var(--light-mode-action-utility-background)`
`--rbx-color-action-utility-border`	`var(--light-mode-action-utility-border)`
`--rbx-color-action-utility-foreground`	`var(--light-mode-action-utility-foreground)`
`--rbx-color-common-backdrop`	`var(--light-mode-common-backdrop)`
`--rbx-color-common-heavy-divider`	`var(--light-mode-common-heavy-divider)`
`--rbx-color-common-navigation-bar`	`var(--light-mode-common-navigation-bar)`
`--rbx-color-common-scrim`	`var(--light-mode-common-backdrop)`
`--rbx-color-common-shadow`	`var(--light-mode-common-shadow)`
`--rbx-color-common-shimmer`	`var(--light-mode-common-shimmer)`
`--rbx-color-content-default`	`var(--light-mode-content-default)`
`--rbx-color-content-emphasis`	`var(--light-mode-content-emphasis)`
`--rbx-color-content-link`	`var(--light-mode-content-link)`
`--rbx-color-content-muted`	`var(--light-mode-content-muted)`
`--rbx-color-none`	`var(--light-mode-none)`
`--rbx-color-over-media-0`	`var(--light-mode-over-media-0)`
`--rbx-color-over-media-100`	`var(--light-mode-over-media-100)`
`--rbx-color-over-media-200`	`var(--light-mode-over-media-200)`
`--rbx-color-over-media-300`	`var(--light-mode-over-media-300)`
`--rbx-color-selection-end`	`var(--light-mode-selection-end)`
`--rbx-color-selection-start`	`var(--light-mode-selection-start)`
`--rbx-color-shift-100`	`var(--light-mode-shift-100)`
`--rbx-color-shift-200`	`var(--light-mode-shift-200)`
`--rbx-color-shift-300`	`var(--light-mode-shift-300)`
`--rbx-color-shift-400`	`var(--light-mode-shift-400)`
`--rbx-color-state-hover`	`var(--light-mode-state-hover)`
`--rbx-color-state-idle`	`var(--light-mode-state-idle)`
`--rbx-color-state-press`	`var(--light-mode-state-press)`
`--rbx-color-stroke-default`	`var(--light-mode-stroke-default)`
`--rbx-color-stroke-emphasis`	`var(--light-mode-stroke-emphasis)`
`--rbx-color-stroke-muted`	`var(--light-mode-stroke-muted)`
`--rbx-color-surface-0`	`var(--light-mode-surface-0)`
`--rbx-color-surface-100`	`var(--light-mode-surface-100)`
`--rbx-color-surface-200`	`var(--light-mode-surface-200)`
`--rbx-color-surface-300`	`var(--light-mode-surface-300)`
`--rbx-color-system-alert`	`var(--light-mode-system-alert)`
`--rbx-color-system-contrast`	`var(--light-mode-system-contrast)`
`--rbx-color-system-emphasis`	`var(--light-mode-system-emphasis)`
`--rbx-color-system-neutral`	`var(--light-mode-system-neutral)`
`--rbx-color-system-success`	`var(--light-mode-system-success)`
`--rbx-color-system-warning`	`var(--light-mode-system-warning)`
`--rbx-config-color-mode-is-dark`	`false`
`--rbx-config-color-mode-is-light`	`true`
`--rbx-config-color-mode-name`	`Light`
`--rbx-inverse-action-alert-background`	`var(--dark-mode-action-alert-background)`
`--rbx-inverse-action-alert-border`	`var(--dark-mode-action-alert-border)`
`--rbx-inverse-action-alert-foreground`	`var(--dark-mode-action-alert-foreground)`
`--rbx-inverse-action-emphasis-background`	`var(--dark-mode-action-emphasis-background)`
`--rbx-inverse-action-emphasis-border`	`var(--dark-mode-action-emphasis-border)`
`--rbx-inverse-action-emphasis-foreground`	`var(--dark-mode-action-emphasis-foreground)`
`--rbx-inverse-action-link-background`	`var(--dark-mode-action-link-background)`
`--rbx-inverse-action-link-border`	`var(--dark-mode-action-link-border)`
`--rbx-inverse-action-link-foreground`	`var(--dark-mode-action-link-foreground)`
`--rbx-inverse-action-over-media-background`	`var(--dark-mode-action-over-media-background)`
`--rbx-inverse-action-over-media-border`	`var(--dark-mode-action-over-media-border)`
`--rbx-inverse-action-over-media-foreground`	`var(--dark-mode-action-over-media-foreground)`
`--rbx-inverse-action-soft-emphasis-background`	`var(--dark-mode-action-soft-emphasis-background)`
`--rbx-inverse-action-soft-emphasis-border`	`var(--dark-mode-action-soft-emphasis-border)`
`--rbx-inverse-action-soft-emphasis-foreground`	`var(--dark-mode-action-soft-emphasis-foreground)`
`--rbx-inverse-action-standard-background`	`var(--dark-mode-action-standard-background)`
`--rbx-inverse-action-standard-border`	`var(--dark-mode-action-standard-border)`
`--rbx-inverse-action-standard-foreground`	`var(--dark-mode-action-standard-foreground)`
`--rbx-inverse-action-sub-emphasis-background`	`var(--dark-mode-action-sub-emphasis-background)`
`--rbx-inverse-action-sub-emphasis-border`	`var(--dark-mode-action-sub-emphasis-border)`
`--rbx-inverse-action-sub-emphasis-foreground`	`var(--dark-mode-action-sub-emphasis-foreground)`
`--rbx-inverse-action-subtle-background`	`var(--dark-mode-action-subtle-background)`
`--rbx-inverse-action-subtle-border`	`var(--dark-mode-action-subtle-border)`
`--rbx-inverse-action-subtle-foreground`	`var(--dark-mode-action-subtle-foreground)`
`--rbx-inverse-action-utility-background`	`var(--dark-mode-action-utility-background)`
`--rbx-inverse-action-utility-border`	`var(--dark-mode-action-utility-border)`
`--rbx-inverse-action-utility-foreground`	`var(--dark-mode-action-utility-foreground)`
`--rbx-inverse-common-backdrop`	`var(--dark-mode-common-backdrop)`
`--rbx-inverse-common-heavy-divider`	`var(--dark-mode-common-heavy-divider)`
`--rbx-inverse-common-navigation-bar`	`var(--dark-mode-common-navigation-bar)`
`--rbx-inverse-common-scrim`	`var(--dark-mode-common-backdrop)`
`--rbx-inverse-common-shadow`	`var(--dark-mode-common-shadow)`
`--rbx-inverse-common-shimmer`	`var(--dark-mode-common-shimmer)`
`--rbx-inverse-content-default`	`var(--dark-mode-content-default)`
`--rbx-inverse-content-emphasis`	`var(--dark-mode-content-emphasis)`
`--rbx-inverse-content-link`	`var(--dark-mode-content-link)`
`--rbx-inverse-content-muted`	`var(--dark-mode-content-muted)`
`--rbx-inverse-none`	`var(--dark-mode-none)`
`--rbx-inverse-over-media-0`	`var(--dark-mode-over-media-0)`
`--rbx-inverse-over-media-100`	`var(--dark-mode-over-media-100)`
`--rbx-inverse-over-media-200`	`var(--dark-mode-over-media-200)`
`--rbx-inverse-over-media-300`	`var(--dark-mode-over-media-300)`
`--rbx-inverse-selection-end`	`var(--dark-mode-selection-end)`
`--rbx-inverse-selection-start`	`var(--dark-mode-selection-start)`
`--rbx-inverse-shift-100`	`var(--dark-mode-shift-100)`
`--rbx-inverse-shift-200`	`var(--dark-mode-shift-200)`
`--rbx-inverse-shift-300`	`var(--dark-mode-shift-300)`
`--rbx-inverse-shift-400`	`var(--dark-mode-shift-400)`
`--rbx-inverse-state-hover`	`var(--dark-mode-state-hover)`
`--rbx-inverse-state-idle`	`var(--dark-mode-state-idle)`
`--rbx-inverse-state-press`	`var(--dark-mode-state-press)`
`--rbx-inverse-stroke-default`	`var(--dark-mode-stroke-default)`
`--rbx-inverse-stroke-emphasis`	`var(--dark-mode-stroke-emphasis)`
`--rbx-inverse-stroke-muted`	`var(--dark-mode-stroke-muted)`
`--rbx-inverse-surface-0`	`var(--dark-mode-surface-0)`
`--rbx-inverse-surface-100`	`var(--dark-mode-surface-100)`
`--rbx-inverse-surface-200`	`var(--dark-mode-surface-200)`
`--rbx-inverse-surface-300`	`var(--dark-mode-surface-300)`
`--rbx-inverse-system-alert`	`var(--dark-mode-system-alert)`
`--rbx-inverse-system-contrast`	`var(--dark-mode-system-contrast)`
`--rbx-inverse-system-emphasis`	`var(--dark-mode-system-emphasis)`
`--rbx-inverse-system-neutral`	`var(--dark-mode-system-neutral)`
`--rbx-inverse-system-success`	`var(--dark-mode-system-success)`
`--rbx-inverse-system-warning`	`var(--dark-mode-system-warning)`
`--rbx-light-mode-stroke-contrast-alpha`	`rgba(27,37,75,.5)`
`--rbx-dark-mode-stroke-contrast-alpha`	`rgba(208,217,251,.4)`
`--rbx-alpha-light-mode-shadow-subtle`	`rgba(0,0,0,.08)`
`--rbx-alpha-dark-mode-shadow-subtle`	`rgba(4,4,8,.25)`

디자인 토큰

사용

값 변경

기본 토큰

목차