CSS Variables with defaults

The heading and paragraph text start out different colours but when you hover over them they all change to the same colour because that’s when the variable kicks in.