To confuso com relação ao critério de desempate, pois, na declaração das variáveis está em uma ordem e no css está em outra.
<p class="importante primeiro">
.primeiro {
font-size: 40px;
text-align: center;
}
.importante {
font-size: 30px;
font-weight: bold;
}
p {
font-size: 16px;
text-align: left;
}
A classe importante não seria a primeira? Ou a ordem das classes não é levada em conta, e sim é levado em conta a ordem em que a classe está sendo tratada no arquivo .css