Changing Header Colour? Topic is solved

[keelbolt]

Cassiopeia template in Joomla 5

I want to change the header background colour from #383b70 to #008080
I've created a user.css in media/templates/sites/cassiopeia as suggested in documentation https://docs.joomla.org/J4.x:Cassiopeia ... olor_Theme
and as suggested, have added the following CSS:
.container-header {
background-color: #008080;
background-image: none;
}
No change. Front end still the same #383b70.
Have tried substituting the web colour 'teal',, but again no change.
Again, as instructed in the documentation above, I've tried to find the header class to check it using Firefox developer tools, but I don't see a header class as shown.
Can someone please tell me what I'm doing wrong?

[keelbolt]

EDIT
Problem resolved as follows:
1. I should have created the user.css file in
2. The code should have been (or at least it worked by putting this):
:root {
--cassiopeia-color-primary: teal;
--cassiopeia-color-hover: teal;
--cassiopeia-color-link: black;
--container-header: #008080;
body-color: hsl(0, 0%, 100%);
}