basic.expect.css

.test-color-multi-channel {
	color-1: color(display-p3 1);
	color-2: color(display-p3 1 / 0.5);
	color-3: color(display-p3 1 1);
	color-4: color(display-p3 1 1 / 0.5);
	color-5: color(display-p3 1 1 1 1);
	color-6: color(display-p3 1 1 1 1 / 0.5);
}

.test-case {
	color-1: rgb(0, 0, 0);
	color-3: rgb(0, 0, 0);
	color-4: rgba(255, 255, 255, VAR(--ALPHA));
}

.test-color-none {
	color-1: color(display-p3 none);
	color-3: color(display-p3 none none);
	color-4: color(display-p3 none none none);
	color-5: color(display-p3 1 none 1);
	color-6: color(display-p3 1 none none);
	color-7: color(display-p3 none 1 none);
	color-8: color(display-p3 none none 1);
}

.test-css-color-5-interop {
	color-1: color(from rgb(196, 129, 72) a98-rgb r g b / alpha);
	color-2: color(from rgb(196, 129, 72) a98-rgb r g b / none);
	color-3: color(from rgb(234, 133, 82) prophoto-rgb r g b);
	color-4: color(from rgb(234, 133, 82) prophoto-rgb r g none);
}

.test-unknown-space {
	color-1: color(unknown 0.64331 0.19245 0.16771);
}

.test-percentage-rgb {
	color-1: rgb(164, 49, 43);
	color-2: rgb(164, 49, 43);
	color-3: rgb(164, 49, 43);
}

.test-srgb {
	color-1: rgb(164, 49, 43);
	color-2: rgb(164, 49, 43);
	color-3: rgba(164, 49, 43, 0.5);
	color-4: rgb(164, 49, 43);
	color-5: rgba(164, 49, 43, 0.5);
	color-6: rgb(208, 111, 146);
	color-7: color(srgb 0.81388 0.43646 foo);
}

.test-display-p3 {
	color-1: rgb(179, 35, 35);
	color-2: rgb(179, 35, 35);
	color-3: rgba(179, 35, 35, 0.5);
	color-4: rgb(179, 35, 35);
	color-5: rgba(179, 35, 35, 0.5);
	color-6: rgb(222, 105, 147);
	color-7: color(display-p3 0.81388 0.43646 foo);
}

.test-linear-srgb {
	color-1: rgb(176, 35, 66);
	color-2: rgb(176, 35, 66);
}

.test-xyz {
	color-1: rgb(118, 84, 205);
	color-2: rgb(118, 84, 205);
	color-3: rgb(118, 84, 205);
}

.test-percentage-xyz {
	color-1: rgb(245, 0, 135);
	color-2: rgb(253, 0, 127);
	color-3: rgb(253, 0, 127);
}

.test-author-provided-fallback {
	color: rgb(0, 0, 0);
	color: color(display-p3 1 1 1);
}

/* this will most likely be a mistake by the author */
.test-author-provided-override {
	color: rgb(255, 255, 255);
	color: rgb(0, 0, 0);
}

.test-alpha {
	color-1: rgb(7, 3, 1);
	color-2: rgb(7, 3, 1);
	color-3: rgb(7, 3, 1);
	color-4: rgba(7, 3, 1, var(--foo));
	color-5: color(display-p3 0.02472 0.01150 0.00574 /);
}


.test-ignore {
	prop-1: 'color(display-p3 0.02472 0.01150 0.00574 / 1)';
	prop-2: url('color(display-p3 0.02472 0.01150 0.00574 / 1)');
}

.test-unparseable-lab-function {
	background-image: color(; );
}

.test-gamut {
	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B48%2C-53%2C12%5D%2C%5B58%2C-54%2C69%5D%5D */
	/* out */
	prop-1: rgb(0, 129, 96);
	/* out */
	prop-2: rgb(57, 159, 0);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B45%2C-13%2C29%5D%2C%5B77%2C33%2C97%5D%5D */
	/* in */
	prop-3: rgb(97, 112, 56);
	/* out */
	prop-4: rgb(255, 171, 57);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B76%2C-29%2C-23%5D%2C%5B16%2C-32%2C24%5D%5D */
	/* in */
	prop-5: rgb(85, 204, 229);
	/* out */
	prop-6: rgb(0, 47, 9);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B85%2C16%2C29%5D%2C%5B55%2C-42%2C58%5D%5D */
	/* out */
	prop-7: rgb(255, 201, 158);
	/* out */
	prop-8: rgb(71, 149, 0);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B87%2C-94%2C103%5D%2C%5B88%2C-9%2C62%5D%5D */
	/* out */
	prop-9: rgb(0, 250, 30);
	/* in */
	prop-10: rgb(231, 224, 96);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B69%2C-35%2C-39%5D%2C%5B68%2C61%2C39%5D%5D */
	/* out */
	prop-11: rgb(0, 185, 225);
	/* out */
	prop-12: rgb(255, 127, 115);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B60%2C-28%2C74%5D%2C%5B65%2C81%2C-13%5D%5D */
	/* out */
	prop-13: rgb(122, 156, 0);
	/* out */
	prop-14: rgb(255, 104, 181);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B60%2C-28%2C15%5D%2C%5B65%2C81%2C-11%5D%5D */
	/* in */
	prop-15: rgb(96, 158, 117);
	/* out */
	prop-16: rgb(255, 105, 178);

	/* https://romainmenke.github.io/lab-lch-display-p3/lab-interactive-b.html#%5B%5B78%2C-64%2C-44%5D%2C%5B76%2C81%2C-11%5D%5D */
	/* out */
	prop-17: rgb(0, 212, 236);
	/* out */
	prop-18: rgb(255, 165, 203);
}

.test-out-of-range-values-srgb {
	color-1: rgb(128, 0, 255);
	color-2: rgb(122, 0, 234);
	color-3: rgb(26, 255, 26);
	color-4: rgb(182, 255, 176);
}

.test-lime {
	color-1: rgb(1, 255, 0);
	color-2: rgb(1, 255, 0);
	color-3: rgb(1, 255, 0);
	color-4: rgb(1, 255, 0);
	color-5: rgb(1, 255, 0);
	color-6: rgb(1, 255, 0);
	color-7: rgb(1, 255, 0);
	color-8: rgb(1, 255, 0);
	color-9: rgb(1, 255, 0);
}

.test-blue-teal {
	color-1: rgb(0, 131, 135);
	color-2: rgb(0, 131, 135);
	color-3: rgb(0, 131, 135);
	color-4: rgb(0, 131, 135);
	color-5: rgb(0, 131, 135);
	color-6: rgb(0, 131, 135);
	color-7: rgb(0, 131, 135);
	color-8: rgb(0, 131, 135);
	color-9: rgb(0, 131, 135);
}

.test-bright-purple {
	color-1: rgb(229, 125, 245);
	color-2: rgb(229, 125, 245);
	color-3: rgb(229, 125, 245);
	color-4: rgb(229, 125, 245);
	color-5: rgb(229, 125, 245);
	color-6: rgb(229, 125, 245);
	color-7: rgb(229, 125, 245);
	color-8: rgb(229, 125, 245);
	color-9: rgb(229, 125, 245);
}

/* manual @supports */
@supports (color: color(display-p3 0 0 0)) and (contain: content) {
	:root {
		--one-a50-var: color(display-p3 0.1 0.1 0.1);
	}
}

to-clone {
	color: rgb(255, 52, 40);
}