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!