:root {
	--firebrick: rgb(135, 0, 59);
	--firebrick-a50: rgba(133, 0, 68, 0.5);

	--opacity-50: 0.5;
	--firebrick-a50-var: rgba(133, 0, 68, var(--opacity-50));

	--point-five: 0.5;
	--firebrick-var: oklch(40% var(--point-five) 0.1324 / var(--opacity-50));
}

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

@supports (color: oklab(0% 0 0%)) {
:root {
	--firebrick: oklab(40% 0.4 0.039);
}
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick-a50: color(display-p3 0.49825 0 0.26185 / 0.5);
}
}

@supports (color: oklab(0% 0 0%)) {
:root {
	--firebrick-a50: oklch(40% 0.4 0.039 / 50%);
}
}

@supports (color: color(display-p3 0 0 0%)) {
:root {
	--firebrick-a50-var: color(display-p3 0.49825 0 0.26185 / var(--opacity-50));
}
}

@supports (color: oklab(0% 0 0%)) {
:root {
	--firebrick-a50-var: oklch(40% 0.4 0.039 / var(--opacity-50));
}
}
