common-patterns-1.expect.css

/* multiple color vars in ":root" */
:root {
	--csstools-color-scheme--light: initial;
	color-scheme: light dark;

	--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) pink;

	--color-red: var(--csstools-light-dark-toggle--0, red);
	--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) cyan;
	--color-blue: var(--csstools-light-dark-toggle--1, blue);
	--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) lime;
	--color-green: var(--csstools-light-dark-toggle--2, green);
	@supports not (color: light-dark(tan, tan)) {
		& * {

	--csstools-light-dark-toggle--0: var(--csstools-color-scheme--light) pink;

	--color-red: var(--csstools-light-dark-toggle--0, red);
	--csstools-light-dark-toggle--1: var(--csstools-color-scheme--light) cyan;
	--color-blue: var(--csstools-light-dark-toggle--1, blue);
	--csstools-light-dark-toggle--2: var(--csstools-color-scheme--light) lime;
	--color-green: var(--csstools-light-dark-toggle--2, green);
		}
	}
}
@supports (color: light-dark(red, red)) {
:root {

	--color-red: light-dark(red, pink);
	--color-blue: light-dark(blue, cyan);
	--color-green: light-dark(green, lime);
}
}
@media (prefers-color-scheme: dark) {
:root {
	--csstools-color-scheme--light:  ;
}
}