Trouble using css styling for accent color and font in Publish

Custom CSS & Theme Design
,
2

For the fonts, you could have a look here:

For the text on accent, –color-red needs to be written as var(--color-red). You may need to define that for both light and dark modes; I’m not sure. e.g.

.theme-light {
    --text-on-accent: #f2f3f5;
    --text-on-accent-inverted: var(--color-red);
}

.theme-dark {
    --text-on-accent: #c7cbd4   
    --text-on-accent-inverted: var(--color-red);
}