/* Lives in a subdirectory on purpose: url(circle.svg) is green relative to this file
   and orange relative to the document. */

@property --image {
	syntax: "<image> | none";
	inherits: true;
	initial-value: none;
}

@property --url {
	syntax: "<url> | none";
	inherits: true;
	initial-value: none;
}

@property --url-or-image {
	syntax: "<url> | <image> | none";
	inherits: true;
	initial-value: none;
}

@property --image-or-url {
	syntax: "<image> | <url> | none";
	inherits: true;
	initial-value: none;
}

@property --image-initial {
	syntax: "<image>";
	inherits: true;
	initial-value: url("circle.svg");
}

@property --url-initial {
	syntax: "<url>";
	inherits: true;
	initial-value: url("circle.svg");
}

@property --url-or-image-initial {
	syntax: "<url> | <image>";
	inherits: true;
	initial-value: url("circle.svg");
}

@property --image-or-url-initial {
	syntax: "<image> | <url>";
	inherits: true;
	initial-value: url("circle.svg");
}

:root {
	--image: url("circle.svg");
	--url: url("circle.svg");
	--url-or-image: url("circle.svg");
	--image-or-url: url("circle.svg");
}