polymer inherited style override

[Ged Wed]

Hey,

My app theme has this:

body {
	background-color: var(--default-primary-color);
	}

In a component deeper into the component tree i want to override this background.

In the chrome editor, it looks like this at my deeper component level.

body:not([style-scope]):not(.style-scope)

Maybe this is a standard CSS thing i have not learnt, but can someone tell me how to override this deeper component ?

Thanks in advance.