:root {
	--firebrick: rgb(228, 70, 0);
	--firebrick-a50: rgb(228, 70, 0);

	--opacity-50: 50%;
	--firebrick-a50-var: color-mix(in lch, red, green var(--opacity-50));

	--fifty: 50;
	--firebrick-var: color-mix(in lch, red, hwb(40% var(--fifty) 34.5 / var(--opacity-50)));
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick: color(display-p3 0.84845 0.29298 0.07064);
}
}

@supports (color: color-mix(in lch, red, blue)) {
:root {
	--firebrick: color-mix(in lch, red 90%, green);
}
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick-a50: color(display-p3 0.84845 0.29298 0.07064);
}
}

@supports (color: color-mix(in lch, red, blue)) {
:root {
	--firebrick-a50: color-mix(in lch, red 90%, green);
}
}
