@tervior-tech/tervior-design-system

Tokens do Brutalist canônico (anchor/teal/sienna/paper, IBM Plex Sans/Mono) para o website institucional da Tervior Technologies. Fonte de verdade dos valores: docs/brand/tokens.json e docs/brand/05_identidade_visual.md — este pacote é uma cópia tipada/consumível, não a fonte. Mudanças de valor entram primeiro em docs/brand/, depois aqui.

Uso

import { colors, modes, base } from '@tervior-tech/tervior-design-system';

@import '@tervior-tech/tervior-design-system/style.css';

Temas (light/dark)

Dois modos, cada um com contraste validado (docs/brand/tokens.json → modes). primary/ accent usam hex diferente por modo (variantes clareadas no dark para passar WCAG sobre fundo escuro) — consuma sempre via tokens semânticos (--tvr-mode-* ou as classes Tailwind bg-primary/text-foreground/etc.), nunca hex raw.

• Light (padrão): :root.
• Dark: :root[data-theme="dark"]/.dark (controle explícito, ex. toggle futuro) OU @media (prefers-color-scheme: dark) como fallback automático sem JS/SSR.

Scripts

• pnpm build — gera dist/ (tokens.json, tokens.css, theme.css, style.css, types).
• pnpm contrast-check — valida os pares de contraste (paleta raw + light/dark) contra docs/brand/tokens.json → contrast_validated / modes.contrast_validated. Roda em CI antes do build.

Regras duras (não são só documentação — são invariantes)

• teal (primary do modo light) nunca em plate escuro (anchor de fundo) — 2.14:1, falha WCAG. Isso é diferente de dark mode, que é um tema inteiro com primary próprio.
• accent é acento recuado: só dado/alerta em UI, nunca corpo, nunca decoração — em ambos os modos.
• --radius: 0 em blocos estruturais; --radius-pill só em chips pequenos.