foundations

foundations là các token và quy ước cơ bản — nền tảng để xây dựng mọi thành phần giao diện. mỗi giá trị được định nghĩa một lần trong src/tokens/tokens.css và dùng xuyên suốt trong astro, storybook, và figma.

what's in foundations

single source of truth

tất cả token được định nghĩa trong src/tokens/tokens.css (css custom properties) và src/tokens/tokens.js (js export). astro import css, storybook import cả css + js. figma sync qua file export. một nguồn, nhiều nơi dùng.