Uso de Tokens e Hierarquia de 3 Camadas da Mesa

A arquitetura visual do Yzex Connect obedece à Política de 3 Camadas da Mesa:

1. As 3 Camadas Visuais

  1. Camada 1 — A Mesa (--surface-1): Plano de fundo base da página, com cor sólida neutra escura ou clara dependendo do tema.

  2. Camada 2 — Coleções e Cards (--surface-2): Reservada para agrupar elementos distintos em catálogos, listas ou grades de objetos concorrentes (ex.: lista de Instâncias WhatsApp). Em visualizações de detalhe/edição, os formulários descansam diretamente na Mesa.

  3. Camada 3 — Controles Interativos (--surface-2 / --surface-3): Inputs de formulário, botões secundários e controles de ação.

2. Anti-Double Nesting

É terminantemente proibido aninhar cards elevados dentro de cards elevados (card > card). A segregação semântica em páginas de visualização direta deve ser realizada por ritmo vertical (gap: 24px) e hierarquia tipográfica.