:root{
    --verde:#1ECBC8;
    --azuloscuro: #093142;
    --gris: #999999;
    --amarillo: #F5A623;
    --txt-primary: #3C424C;
    --claro: #F9FAFD;
    --grisfuerte: #747F92;
    --grisclaro: #ADB0B9;
    --verdesegundo: #1ECBC8;
    --verdefondo: #33D0CD;
}
.c-verde{color: var(--verde) !important;}
.b-verde{background-color: var(--verde) !important}
.bo-verde{border-color: var(--verde) !important}

.c-transparente{color: transparent !important;}
.b-transparente{background-color: transparent !important}
.bo-transparente{border-color: transparent !important}

.c-blanco{color: white !important}
.b-blanco{background-color: white !important}
.bo-blanco{border-color: white !important}

.c-azuloscuro{color: var(--azuloscuro) !important}
.b-azuloscuro{background-color: var(--azuloscuro)}
.bo-azuloscuro{border-color: var(--azuloscuro) !important}

.c-gris{color: var(--gris) !important}
.b-gris{background-color: var(--gris) !important}
.bo-gris{border-color: var(--gris) !important}

.c-grisfuerte{color: var(--grisfuerte) !important}
.b-grisfuerte{background-color: var(--grisfuerte) !important}
.bo-grisfuerte{border-color: var(--grisfuerte) !important}

.c-grisclaro{color: var(--grisclaro) !important}
.b-grisclaro{background-color: var(--grisclaro) !important}
.bo-grisclaro{border-color: var(--grisclaro) !important}

.c-amarillo{color: var(--amarillo) !important}
.b-amarillo{background-color: var(--amarillo) !important}
.bo-amarillo{border-color: var(--amarillo) !important}

.c-primary{color: var(--txt-primary) !important}
.b-primary{background-color: var(--txt-primary) !important}
.bo-primary{border-color: var(--txt-primary) !important}

.c-claro{color: var(--claro) !important}
.b-claro{background-color: var(--claro) !important}
.bo-claro{border-color: var(--claro) !important}

.c-verdefondo{color: var(--verdefondo) !important;}
.b-verdefondo{background-color: var(--verdefondo) !important}
.bo-verdefondo{border-color: var(--verdefondo) !important}