.u-color {
    &--blue {
        color: $color--main !important;
    }

    &--dark-blue {
        color: $color--main-dark !important;
    }

    &--gray {
        color: $color--gray-1 !important;
    }

    &--green {
        color: $color--ls-green !important;
    }

    &--red {
        color: $color--ls-red !important;
    }

    &--white {
        color: #fff !important;
    }

    &--yellow {
        color: $color--ls-yellow !important;
    }

    // Áreas de conhecimento

    areas       = 'math' 'human-sciences' 'nature-sciences' 'languages' 'essay';

    for area in areas {
        &--{area} {
            color: lookup('$color--' + area) !important;
        }
    }
}