Red Dot Tracker
令牌
令牌是以 --f- 开头的 CSS 自定义属性。每个颜色都有深色和浅色两个值；换主题时，下面所有色块都会跟着变。
中性色阶
冷灰（C 0.012，色相 260），12 级。深色主题从第 1 级（最暗）开始当背景，浅色主题从第 1 级（最亮）开始。
--f-bg
--f-bg-2
--f-surface
--f-fg
--f-fg-2
--f-fg-3
--f-line
--f-line-2
间距
八级间距，从 0.25rem 到 4rem。
-
--f-space-1 · 0.25rem -
--f-space-2 · 0.5rem -
--f-space-3 · 0.75rem -
--f-space-4 · 1rem -
--f-space-5 · 1.5rem -
--f-space-6 · 2rem -
--f-space-7 · 3rem -
--f-space-8 · 4rem
圆角
容器和卡片用连续曲率（squircle）圆角；胶囊和圆形保持普通圆角。Safari 和 Firefox 退回普通圆弧。
--f-r-xs · 6px
--f-r-sm · 10px
--f-r-md · 14px
--f-r-lg · 22px
--f-r-xl · 30px
--f-r-pill
阴影
两级阴影：静止的表面和浮起的表面。
--f-shadow
--f-shadow-hi
动效
三档时长和两条缓动曲线。开启“减少动态效果”时，时长变为 0，圆点直接跳到终点。
--f-dur-1 · 150ms
--f-dur-2 · 250ms
--f-dur-3 · 600ms · --f-ease
--f-dur-3 · 600ms · --f-ease-spring