Styles — именованные переиспользуемые значения визуала: color, text, effect (и grid). Меняете стиль — обновляются все привязанные объекты.
Разбор
- Не путать со Variables/tokens (более мощная модель).
- Text styles задают family/size/weight/line-height.
- Именование:
Text/Heading/H1, Color/Bg/Primary.
- Для тем и режимов всё чаще нужны Variables.
Итог
Styles централизуют визуальные решения и ускоряютconsistency.