Marca SEED
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-motionembutido. - 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.