a imagem do menu (24 x 16) no figma está dentro de outro container (32 x 32), que seria o equivalente a nossa div. Se vc ajustar o container para 32 x 32, só basta calcular a diferença e centralizar a imagem dentro dele com padding, ou até alguma propriedade de alinhamento. Eu fiz com padding, porque achei que ficaria mais fiel aos parâmetros passados pelo designer.
header {
display: flex;
flex-direction: row;
justify-content: space-between;
align-items: center;
background-color: var(--background-tertiary-color);
padding: 37px 24px;
}
/* logomarca no header */
.logo {
display: inline-block;
width: 68px;
height: 64px;
margin: 0 0 0 24px;
}
/* div que agrupa menu com a lista */
.navigation-menu {
width: 32px;
height: 32px;
padding: 8px 4px;
margin: 16px 24px 16px auto;
box-sizing: border-box; /* pode acrescentar a div no código de reset */
}
nav {
display: none;
}
