Changing the color of a tooltip in an answer option

Hello!
I am trying to use tooltips (hover-text) in the answers options in questions. I used the instructions that can be found here , the second option.
It works more or less fine. However, I am trying to customize the color of the text (the one on which you have to hover with the mouse in order for the tooltip to appear), and I cannot find a way to change the color.
Could anyone help me out with this?

Edit: I found a way to change both texts at the same time by changing the color code at the color section at the top, so the one on which you hover and the one that appears. However, I would only like to change the one on which you hover
/* Tooltips! */
.tip {
border-bottom: 1px dotted [template("base font color")];
position: relative;
cursor: help;
text-decoration: none;
color: [here];

Thanks!