:root {
	--bg: 77, 0, 51;
	--darkerink: 255, 204, 153;
	--ink: 255, 217, 178;
	--brightink: 255, 229, 204;
	--shade: 128, 0, 85;
	--link: 89, 172, 255;
	--visited: 115, 138, 255;
	--active: 255, 115, 173;
	--hover: 102, 204, 255;
	--code: 54, 217, 163;
	--codebg: 0, 0, 0;
	--highlight: 255, 186, 61;
}

@supports (color: color(display-p3 1 1 1 / 1)) {
  :root {
	--p3bg: 0.3 0 0.2;
	--p3darkerink: 1 0.8 0.6;
	--p3ink: 1 0.85 0.7;
	--p3brightink: 1 0.9 0.8;
	--p3shade: 0.5 0 0.33;
	--p3link: 0.35 0.67 1;
	--p3visited: 0.45 0.54 1;
	--p3active: 1 0.45 0.68;
	--p3hover: 0.4 0.8 1;
	--p3code: 0.21 0.85 0.64;
	--p3codebg: 0 0 0;
	--p3highlight: 1 0.73 0.24;
  }
}