Seperate CSS for strong text and links

In text, words that are bold/strong look exactly the same as links (both use the theme “Primairy color”). Looks great, but this is not optimal for usability imho :).

So I wanted to change the color of the strong tag to something else. What I did was use the Enfold Quick CSS field in the backend to add some CSS:
strong {color:blue;}

However, that doesn’t change the color, it stays exactly the same. When I try something like
strong {text-decoration:underline;}
that works fine (the text is now underlined), but obviously that is not wat I want. Somehow text-decoration does work, but color does not.

So how do I best change the color of text that uses the strong tag?

Thanks in advance!