<title>CSS Test: Test a failing non-custom property declaration in an @supports rule where the property value contains a syntactically invalid variable reference due to having "!important" at the top level of its fallback.</title>

<link rel="author" title="Cameron McCormack" href="mailto:cam@mcc.id.au">

<link rel="help" href="http://www.w3.org/TR/css-variables-1/#using-variables">

<link rel="match" href="support/color-green-ref.html">

body { color: red; }

@supports (color: var(--a)) and (not (color: var(--a,!important))) {

p { color: green; }

<p>This text must be green.</p>