Fonte única de verdade visual da Kamino. Tokens, primitivos de layout e ~80 componentes compõem cada tela. Mockups, telas de produção e o DS Workbench consomem o mesmo pacote @kamino/design-system.
Tokens semânticos — todos resolvidos via CSS vars. Light + dark via [data-theme].
3 ramps espelhando tokens/index.ts: famílias (sans/mono), escala de tamanho (display-2xl → 2xs) e pesos (100 → 900). Aplique via Text/Heading do DS — nunca font-size cru.
Escala Tailwind aplicada via tokens. Use sempre props tipadas (gap, padding) — não pixels soltos.
Cantos arredondados. Use prop `rounded` em Box/Card/Button.
Elevação. Aplicada via prop `shadow` em Box/Card.