@dannymidnight yep the problem is specificity. It's the nature of css though right? 

There are 3 ways I see of having different heading and text colours.

1. Leave it as is, and do `.section { &, h1, h2.... { color: white; }}`.
  * we can simplify this by adding a mixin `.section { @include headings { color: white }}`
2. Remove this line change the colour in every context.
  * if your heading and body text colours are different this means setting the colour _every_ time you use a heading.
3. Remove this line and lean on the heading component's `.heading` class.
  * this couples headings to `.heading` which could have unwanted side affects like margins

With that in mind my preference is for option 1. Overall it needs the least intervention on the developers behalf.

Proxying the setting will solve the issue in so far as that if you don't set that colour, this line won't be outputted.