Custom CSS for font color

Hi, am seeking some help with custom css for font color.

saw this post with the suggestion to force this on the .regular class in settings-> appearance->custom css

however this forced all text with .regular class to be black. my goal is for a custom class so i can choose which text is using black. I have tried adding !important to override but it didnt help:
.black {
color: #000 !important;
}

Thank you!

Have you added the custom class name to the text element you’re using on the screen?

Also, it can be .customClassName then adding a class for text afterwards, not just .customClassName.

.gold .regular {
color: #FFD700;
font-weight: 600;
}

.red .regular {
color: #F6003D;
font-weight: 600;
}