# Phase 6.2a Token Inventory

## `src/tokens/variables.css`

| Token | Dark Value | Light Value | 引用次数（`src/components/`） | 类型 |
| --- | --- | --- | --- | --- |
| `--bg-grey-btn-dis` | `#434343` | `#dbdbdb` | 1 | 颜色 token |
| `--bg-grey-btn-en` | `#434343` | `#dbdbdb` | 6 | 颜色 token |
| `--bg-grey-btn-hv` | `#595959` | `#cccccc` | 1 | 颜色 token |
| `--bg-layer1` | `#141414` | `#ffffff` | 0 | 颜色 token |
| `--bg-layer2` | `#1f1f1f` | `#f8f8f8` | 2 | 颜色 token |
| `--bg-layer3` | `#262626` | `#f0f0f0` | 5 | 颜色 token |
| `--bg-layer4` | `#353535` | `#dbdbdb` | 3 | 颜色 token |
| `--bg-topbar` | `#000000` | `#ffffff` | 1 | 颜色 token |
| `--blue` | `#3892f3` | `#0473d5` | 3 | 颜色 token |
| `--blue-bg` | `#e1eefd` | `#e1eefd` | 1 | 颜色 token |
| `--blue-hover` | `#62a9f6` | `#118dfb` | 0 | 颜色 token |
| `--brand` | `#2fb54e` | `#299f45` | 30 | 颜色 token |
| `--brand-disable` | `#1a652c` | `#8fcc9d` | 4 | 颜色 token |
| `--brand-hover` | `#41c760` | `#00ac39` | 1 | 颜色 token |
| `--brand-match` | `#0b2b13` | `#f1fbf3` | 0 | 颜色 token |
| `--color-grey-10` | `#353535` | `#353535` | 0 | 颜色 token |
| `--color-grey-11` | `#262626` | `#262626` | 0 | 颜色 token |
| `--color-grey-12` | `#1f1f1f` | `#1f1f1f` | 0 | 颜色 token |
| `--color-grey-13` | `#141414` | `#141414` | 0 | 颜色 token |
| `--color-grey-14` | `#000000` | `#000000` | 0 | 颜色 token |
| `--color-grey-2` | `#f8f8f8` | `#f8f8f8` | 0 | 颜色 token |
| `--color-grey-3` | `#f0f0f0` | `#f0f0f0` | 0 | 颜色 token |
| `--color-grey-4` | `#dbdbdb` | `#dbdbdb` | 0 | 颜色 token |
| `--color-grey-5` | `#cccccc` | `#cccccc` | 2 | 颜色 token |
| `--color-grey-6` | `#9e9e9e` | `#9e9e9e` | 0 | 颜色 token |
| `--color-grey-7` | `#7b7b7b` | `#7b7b7b` | 0 | 颜色 token |
| `--color-grey-8` | `#595959` | `#595959` | 0 | 颜色 token |
| `--color-grey-9` | `#434343` | `#434343` | 0 | 颜色 token |
| `--color-white` | `#ffffff` | `#ffffff` | 1 | 颜色 token |
| `--control-default-border` | `var(--icon-placeholder)` | `var(--icon-placeholder)` | 2 | 颜色 token |
| `--control-disabled-bg` | `var(--line-deep)` | `#dbdbdb` | 2 | 颜色 token |
| `--control-disabled-border` | `var(--line-border)` | `#f0f0f0` | 2 | 颜色 token |
| `--control-disabled-selected-bg` | `var(--brand-disable)` | `var(--brand-disable)` | 2 | 颜色 token |
| `--control-disabled-selected-icon` | `var(--text-tips)` | `var(--text-primary-btn)` | 1 | 颜色 token |
| `--control-disabled-text` | `var(--text-disabled)` | `#cccccc` | 2 | 颜色 token |
| `--font-family-base` | `var(--font-family-en), var(--font-family-zh)` | `—` | 2 | 非颜色 token |
| `--font-family-zh` | `'PingFang SC', 'Microsoft YaHei', Helvetica, Arial, sans-serif` | `—` | 0 | 非颜色 token |
| `--green-bg` | `var(--brand-match)` | `var(--brand-match)` | 3 | 颜色 token |
| `--icon-active` | `#f8f8f8` | `#434343` | 1 | 颜色 token |
| `--icon-default` | `#9e9e9e` | `#595959` | 0 | 颜色 token |
| `--icon-disabled` | `#595959` | `#cccccc` | 0 | 颜色 token |
| `--icon-grey-dis` | `#7b7b7b` | `#9e9e9e` | 0 | 颜色 token |
| `--icon-placeholder` | `#7b7b7b` | `#9e9e9e` | 3 | 颜色 token |
| `--input-filled-bg` | `var(--bg-layer4)` | `var(--bg-layer1)` | 1 | 颜色 token |
| `--line-border` | `#595959` | `#f0f0f0` | 6 | 颜色 token |
| `--line-deep` | `#353535` | `#dbdbdb` | 6 | 颜色 token |
| `--line-divider-deep` | `var(--line-deep)` | `var(--line-deep)` | 1 | 颜色 token |
| `--line-divider-light` | `var(--line-light)` | `var(--line-light)` | 2 | 颜色 token |
| `--line-light` | `#434343` | `#cccccc` | 1 | 颜色 token |
| `--mask-overlay` | `rgba(0, 0, 0, 0.64)` | `—` | 0 | 颜色 token |
| `--orange` | `#f68512` | `#e26601` | 17 | 颜色 token |
| `--orange-bg` | `#fff3db` | `#fff3db` | 3 | 颜色 token |
| `--orange-hover` | `#f89c3e` | `#e97413` | 1 | 颜色 token |
| `--orange-tz` | `#d39f39` | `#d39f39` | 0 | 颜色 token |
| `--r-l` | `12px` | `—` | 0 | 非颜色 token |
| `--r-m` | `8px` | `—` | 0 | 非颜色 token |
| `--r-s` | `4px` | `—` | 4 | 非颜色 token |
| `--r-xl` | `16px` | `—` | 0 | 非颜色 token |
| `--r-xs` | `2px` | `—` | 1 | 非颜色 token |
| `--r-xxl` | `100px` | `—` | 0 | 非颜色 token |
| `--radio-default-border` | `var(--text-tips)` | `var(--icon-placeholder)` | 2 | 颜色 token |
| `--radio-disabled-off-bg` | `var(--text-disabled)` | `#f0f0f0` | 0 | 颜色 token |
| `--radio-disabled-off-border` | `var(--bg-layer4)` | `#dbdbdb` | 0 | 颜色 token |
| `--radio-disabled-selected-bg` | `var(--brand-disable)` | `var(--brand-disable)` | 2 | 颜色 token |
| `--radio-selected-dot` | `var(--bg-layer1)` | `var(--bg-layer1)` | 1 | 颜色 token |
| `--red` | `#ea4233` | `#dc2717` | 18 | 颜色 token |
| `--red-bg` | `#fff1f0` | `#fff1f0` | 3 | 颜色 token |
| `--red-hover` | `#ed5b4e` | `#eb493a` | 1 | 颜色 token |
| `--shadow-l1` | `0 2px 8px rgba(0, 0, 0, 0.32)` | `—` | 0 | 非颜色 token |
| `--shadow-l2` | `0 4px 16px rgba(0, 0, 0, 0.48)` | `—` | 0 | 非颜色 token |
| `--shadow-l3` | `0 8px 32px rgba(0, 0, 0, 0.64)` | `—` | 0 | 非颜色 token |
| `--sp-l` | `24px` | `—` | 0 | 非颜色 token |
| `--sp-m` | `16px` | `—` | 2 | 非颜色 token |
| `--sp-s` | `12px` | `—` | 1 | 非颜色 token |
| `--sp-xl` | `32px` | `—` | 0 | 非颜色 token |
| `--sp-xs` | `8px` | `—` | 1 | 非颜色 token |
| `--sp-xxl` | `40px` | `—` | 1 | 非颜色 token |
| `--sp-xxs` | `4px` | `—` | 0 | 非颜色 token |
| `--sp-xxxl` | `56px` | `—` | 0 | 非颜色 token |
| `--text-2` | `#cccccc` | `#434343` | 12 | 颜色 token |
| `--text-body` | `#f8f8f8` | `#141414` | 11 | 颜色 token |
| `--text-disabled` | `#595959` | `#cccccc` | 4 | 颜色 token |
| `--text-grey-dis` | `#7b7b7b` | `#9e9e9e` | 0 | 颜色 token |
| `--text-grey-en` | `#cccccc` | `#434343` | 0 | 颜色 token |
| `--text-grey-hv` | `#cccccc` | `#434343` | 0 | 颜色 token |
| `--text-heading` | `#ffffff` | `#000000` | 8 | 颜色 token |
| `--text-placeholder` | `#7b7b7b` | `#9e9e9e` | 4 | 颜色 token |
| `--text-primary-btn` | `#ffffff` | `#ffffff` | 10 | 颜色 token |
| `--text-tips` | `#9e9e9e` | `#595959` | 9 | 颜色 token |