Design tokens
Витрина Phase F1 (план 03): семантические цвета, радиусы и тир-токены STRATA. Тёмная тема — кнопка в шапке.
Тир
Семантические цвета
primary
50
100
200
300
400
500
600
700
800
900
950
secondary
50
100
200
300
400
500
600
700
800
900
950
success
50
100
200
300
400
500
600
700
800
900
950
info
50
100
200
300
400
500
600
700
800
900
950
warning
50
100
200
300
400
500
600
700
800
900
950
error
50
100
200
300
400
500
600
700
800
900
950
neutral
50
100
200
300
400
500
600
700
800
900
950
Текст / фон / границы
dimmedmutedtoneddefaulthighlighted
bg-default
bg-muted
bg-elevated
bg-accented
Радиусы (глобальный --ui-radius)
xs
sm
md
lg
xl
2xl
3xl
Тир-токены (реагируют на переключатель выше)
- tap-size
- --tier-tap-size
- tap-gap
- --tier-tap-gap
- font-min
- --tier-font-min
- motion
- --tier-motion-duration
Текст на минимальном размере тира (var(--tier-font-min)).
Карточка с var(--tier-radius-card).
Ошибка У junior этот цвет должен стать тёплым жёлто-оранжевым (--ui-error → femo-amber), не красным.