Diretrizes

Toda decisão precisa declarar sua camada. A ausência de escopo é defeito; a criação de uma identidade paralela é violação.

Em controles de uma linha, o Flexbox centraliza caixas, não a massa visual das letras. A solução sistêmica é alterar a caixa tipográfica do label sem mover o ícone.

1. Ícone e label são elementos separados.
2. O container usa display: inline-flex, align-items: center e gap por token.
3. O ícone não recebe translate, top ou margem vertical para compensar texto.
4. O label usa display: block, line-height: 1, white-space: nowrap e overflow: visible.
5. text-box entra somente no label e dentro de @supports.

<button class="control" type="button">
  <span class="control__icon" aria-hidden="true">…</span>
  <span class="control__label">Configuração</span>
</button>

.control { display: inline-flex; align-items: center; gap: var(--b-space-4); }
.control__icon { flex: 0 0 auto; }
.control__label { display: block; line-height: 1; white-space: nowrap; overflow: visible; }

@supports (text-box: trim-both cap alphabetic) {
  .control__label { text-box: trim-both cap alphabetic; }
}

1. Todos os produtos usam a mesma tipografia, papéis semânticos, iconografia, shape, densidade e motion.
2. Cor, tamanho, raio, sombra e duração usam tokens do Baluarte.
3. Vermelho pertence a perigo, erro e destruição — não à identidade institucional.
4. Ação, accent e status não recebem override por produto; foco consome o mesmo --accent.
5. Necessidades de domínio viram extensões governadas no catálogo central.
6. Todo par texto/fundo novo é validado nos temas claro e escuro.

/* Correto: o produto consome a família. */
.product-view {
  color: var(--text);
  background: var(--bg);
  border-color: var(--border);
}

/* Incorreto: tema visual local. */
[data-product="produto"] {
  --action: <cor-local>;
  --accent: <cor-local>;
}

As regras universais do guia de desenvolvimento também valem para este portal, adaptadas à sua stack estática.

• Nenhum produto pode redefinir tokens, componentes ou padrões identitários do core.
• Extensões de domínio nascem no repositório central, com API, documentação e critérios de uso.
• Exceção possui dono, prazo, impacto e critério de remoção.
• Referência externa é decomposta antes de ser adaptada.
• Mudança de token ou componente exige motivo, risco, contraste, regressão e nota de versão.
• O audit script precisa passar antes de uma entrega ser chamada de consistente.

Changelog