---
fonte: 01-canonicos/marca-seed.md
versao_da_fonte: v5.35
secao: 11
titulo: "Sistema digital"
sequencia: 12 de 19
bytes_do_corpo: 1338
md5_do_corpo: cb258b0b028690545612c8fbfbbe9288
gerado_por: 06-validacao/geradores/gen-camada-ia.py
nota: fatia GERADA — o corpo abaixo é byte a byte o trecho do canônico; edite o canônico, nunca esta fatia. Canônico inteiro em https://ds.seed.eng.br/01-canonicos/marca-seed.md
---
## 11. Sistema digital

**Fonte executável: tokens v1.1** (`seed-tokens.css`/`.json`/`.md`). *(Supersede: o bloco CSS resumido da v4.1 — que ainda listava `--font-deco: Indie Flower` — está morto; nunca copiar tokens deste arquivo, sempre dos arquivos de token.)*

- **Cores em código:** componentes consomem tokens **semânticos** (`--seed-action-primary`, `--seed-text-secondary`), nunca hex, nunca primitivos.
- **Dark mode é cidadão de primeira classe:** todos os semânticos têm par light/dark; superfícies escuras oficiais tintadas no hue do cinza (`#0B1419`→`#273137`). Logo em dark: mono-negativo.
- **Motion:** dois registros (produtivo 100–150ms / expressivo 300–400ms) com easings tokenizados e `prefers-reduced-motion` embutido.
- **Elevação:** par superfície+sombra (`raised`/`overlay`/`modal`), sombras tintadas no cinza-900.
- **Acessibilidade:** WCAG 2.2 AA é piso — contraste conforme §3.6, foco visível (`--seed-focus-ring`), touch targets ≥44×44px.
- **Spacing** base 4px (`sp-0…sp-24`) · **radius** sm 4 / md 8 / lg 12 / xl 16 / full · **grid** 12 colunas gap 24px · **breakpoints** mobile 0–639 / tablet 640–959 / desktop 960+.
- **Dataviz:** sequência categórica fixa cat-1…6 + positivo/negativo (tokens §chart); poucas cores, diferenciar também por forma/espessura.

---

