11. Sistema digital

Em uma frase: A ponte para o código: componente consome token SEMÂNTICO, nunca hex; tema escuro é cidadão de primeira classe e WCAG 2.2 AA é piso.

O que esta seção NÃO cobre: Nunca copiar token deste arquivo: a fonte executável são os gêmeos seed-tokens.css e .json. — se é disto que você precisa, não preencha em silêncio: gere o pedido de cobertura (https://ds.seed.eng.br/pedidos/).

Fonte executável: tokens v1.1 (seed-tokens.css/.json/.md); os semânticos de cor e os pares claro/escuro (o tema) estão no seed-tokens.md §3. (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); no tema claro as sombras são tintadas no cinza-900, no escuro são pretas com opacidade maior (seed-tokens.md §2.8, v1.38).
• 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.

---