:root {
	--firebrick: rgb(189, 0, 49);
	--firebrick-a50: rgba(188, 0, 28, 0.5);

	--opacity-50: 0.5;
	--firebrick-a50-var: lch(40% 8034.5 / var(--opacity-50));

	--fifty: 50;
	--firebrick-var: lch(40% var(--fifty) 34.5 / var(--opacity-50));
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick: color(display-p3 0.70855 0 0.1805);
}
}

@supports (color: lab(0% 0 0%)) {
:root {
	--firebrick: lab(40% 75 39);
}
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick-a50: color(display-p3 0.68093 0.12342 0.14054 / 0.5);
}
}

@supports (color: lab(0% 0 0%)) {
:root {
	--firebrick-a50: lch(40% 80 34.5 / 50%);
}
}
