Core Tokens
| Token | Default value |
|---|---|
--color-secondary-50 | #f8fcff |
--color-secondary-100 | #d9efff |
--color-secondary-200 | #bce3ff |
--color-secondary-300 | #a0d7ff |
--color-secondary-400 | #61bdff |
--color-secondary-500 | #30a1f1 |
--color-secondary-600 | #267fbf |
--color-secondary-700 | #1d6091 |
--color-secondary-800 | #174e74 |
--color-secondary-900 | #103651 |
| Token | Default value |
|---|---|
--color-semantic01-50 | #f8fcff |
--color-semantic01-100 | #d9efff |
--color-semantic01-200 | #bce3ff |
--color-semantic01-300 | #a0d7ff |
--color-semantic01-400 | #61bdff |
--color-semantic01-500 | #30a1f1 |
--color-semantic01-600 | #267fbf |
--color-semantic01-700 | #1d6091 |
--color-semantic01-800 | #174e74 |
--color-semantic01-900 | #103651 |
| Token | Default value |
|---|---|
--color-semantic02-50 | #f3fcf5 |
--color-semantic02-100 | #d1f5db |
--color-semantic02-200 | #acecbe |
--color-semantic02-300 | #87e3a0 |
--color-semantic02-400 | #53cb75 |
--color-semantic02-500 | #47ae64 |
--color-semantic02-600 | #39884f |
--color-semantic02-700 | #2a673b |
--color-semantic02-800 | #225230 |
--color-semantic02-900 | #183921 |
| Token | Default value |
|---|---|
--color-semantic03-50 | #fffbf6 |
--color-semantic03-100 | #fde9d2 |
--color-semantic03-200 | #fbd9b3 |
--color-semantic03-300 | #f9c78f |
--color-semantic03-400 | #f5a344 |
--color-semantic03-500 | #d58a35 |
--color-semantic03-600 | #a76d2b |
--color-semantic03-700 | #7f5121 |
--color-semantic03-800 | #66421a |
--color-semantic03-900 | #3d3309 |
| Token | Default value |
|---|---|
--color-semantic04-50 | #fff7f6 |
--color-semantic04-100 | #ffe6e4 |
--color-semantic04-200 | #ffd3d0 |
--color-semantic04-300 | #ffc1bd |
--color-semantic04-400 | #ff9896 |
--color-semantic04-500 | #ff696f |
--color-semantic04-600 | #e33248 |
--color-semantic04-700 | #a92c37 |
--color-semantic04-800 | #87262d |
--color-semantic04-900 | #5b1f21 |
| Token | Default value |
|---|---|
--dimensions-0 | 0px |
--dimensions-1 | 1px |
--dimensions-2 | 2px |
--dimensions-4 | 4px |
--dimensions-8 | 8px |
--dimensions-12 | 12px |
--dimensions-16 | 16px |
--dimensions-20 | 20px |
--dimensions-24 | 24px |
--dimensions-28 | 28px |
--dimensions-32 | 32px |
--dimensions-36 | 36px |
--dimensions-40 | 40px |
--dimensions-44 | 44px |
--dimensions-48 | 48px |
--dimensions-56 | 56px |
--dimensions-64 | 64px |
--dimensions-72 | 72px |
--dimensions-80 | 80px |
--dimensions-96 | 96px |