:root {
	--bg: 10, 14, 51;
	--darkerink: 224, 183, 141;
	--ink: 255, 208, 161;
	--brightink: 255, 223, 191;
	--shade: 18, 30, 89;
	--link: 64, 159, 255;
	--visited: 115, 126, 255;
	--active: 242, 73, 101;
	--hover: 89, 200, 255;
	--code: 69, 229, 109;
	--codebg: 0, 0, 0;
	--highlight: 255, 175, 64;
}

@supports (color: color(display-p3 1 1 1 / 1)) {
  :root {
	--p3bg: 0.04 0.06 0.2;
	--p3darkerink: 0.88 0.72 0.55;
	--p3ink: 1 0.82 0.63;
	--p3brightink: 1 0.87 0.75;
	--p3shade: 0.07 0.12 0.35;
	--p3link: 0.25 0.62 1;
	--p3visited: 0.45 0.49 1;
	--p3active: 0.95 0.29 0.4;
	--p3hover: 0.35 0.78 1;
	--p3code: 0.27 0.9 0.43;
	--p3codebg: 0 0 0;
	--p3highlight: 1 0.69 0.25;
  }
}