# RiLiGar Zen Design System

> Design system monocromático para produtos RiLiGar. Uma fonte (Montserrat),
> dez cinzas, raio zero. Especificação completa e autocontida — um agente
> consegue construir e validar uma interface inteira só com ela.

## Documentação

- [Especificação completa](/design-system.txt): tokens, API dos 24 componentes,
  receitas que compilam, erros frequentes e protocolo de validação executável.
- [Tokens em JSON](/design-system.json): os mesmos dados, estruturados.
- [Referência visual](/design-system): a mesma spec renderizada, com specs
  copiáveis e exemplos certo-vs-errado (requer JavaScript).

## Regras invariantes

- border-radius: sempre 0. Sem exceção.
- box-shadow: nunca.
- Cor: apenas a rampa gray (#FFFFFF → #11181C). Sem cor de marca.
- Peso da fonte: apenas 500, 700, 800, 900.
- Corpo é gray.6 (#4B5563); título é gray.9 (#11181C). Nunca invertido.
- Toda borda: 1px solid #F3F4F6.
- Toda seção envolve a primitiva Section. Fundos alternam white ↔ gray.
- Componentes recebem dados, nunca JSX.