:root {
    --azul: #292552;
    --rosa: #FE5F88;
    --verde: #53D2B7;
    --cinza: #777777;
    --branco: #ffffff;
    --cinzaclaro: #E9ECEF;
}

.txt-azul, .txt-azul a, .hov-azul:hover, .hov-azul a:hover {
    color: var(--azul);
}
.txt-rosa, .txt-rosa a, .hov-rosa:hover, .hov-rosa a:hover {
    color: var(--rosa);
}
.txt-verde, .txt-verde a, .hov-verde:hover, .hov-verde a:hover {
    color: var(--verde);   
}
.txt-cinza, .txt-cinza a, .hov-cinza:hover, .hov-cinza a:hover {
    color: var(--cinza);   
}
.txt-branco, .txt-branco a, .hov-branco:hover, .hov-branco a:hover {
    color: var(--branco);   
}
.bg-azul, .bg-hov-azul:hover {
    background-color: var(--azul);
    transition: all 0.2s linear;
}
.bg-rosa, .bg-hov-rosa:hover {
    background-color: var(--rosa);
    transition: all 0.2s linear;
}
.bg-verde, .bg-hov-verde:hover {
    background-color: var(--verde);
    transition: all 0.2s linear;
}
.bg-branco, .bg-hov-branco:hover {
    background-color: var(--branco);
    transition: all 0.2s linear;
}
.bg-cinza, .bg-hov-cinza:hover {
    background-color: var(--cinza);
    transition: all 0.2s linear;
}
.div-p {
    margin: 40px 0;
}
.div-m {
    margin: 80px 0;
}
.div-g {
    margin: 100px 0;
}
.cinzaclaro {
    background-color: var(--cinzaclaro);
}