<div></div>
:root {
    --accent-color: skyblue;
}

@property --accent-color {
	syntax: "<color>";
	inherits: false;
	initial-value: yellowgreen;
}

div {
	padding: 3em;
    --accent-color: revert; 
    background: var(--accent-color, orange);
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.