Customização CSS Plataforma Omnichannel

Tenho uma plataforma de atendimento omnichannel que aceita edições diretas em CSS e JS. Quero que o layout reflita totalmente nossa identidade visual — minimalista e moderna — e preciso de um especialista em CSS para chegar a esse resultado.

Escopo da customização
• Cabeçalho e rodapé: reorganizar elementos, ajustar espaçamentos e aplicar paleta limpa.
• Botões e formulários: criar estados de hover/foco sutis, bordas simples, animações discretas quando fizer sentido.
• Tipografia e cores: definir hierarquia clara de títulos, corpo de texto e links; aplicar variações de cinza e um tom de destaque conforme guideline.

O que espero receber
1. Arquivo CSS final comentado e organizado em seções.
2. Pequenos trechos de JS somente se forem indispensáveis para efeitos (ex.: toggle de menu).
3. Lista de variáveis ou tokens de cor/tipografia usados, para futura manutenção.
4. Breve instrução sobre onde inserir cada bloco dentro do editor da plataforma.

Critérios de qualidade
– Layout precisa ficar responsivo e consistente nos principais navegadores.
– Código limpo, sem !important desnecessários.
– Fidelidade total ao estilo minimalista: áreas em branco bem aproveitadas, ícones simples, nada de sombras pesadas.

Fornecerei acesso a um ambiente de testes e ao manual da plataforma. Se você domina CSS modular, flexbox, grid e tem olho clínico para detalhes, vamos conversar!