:root {
	--mainColorSite: #cf74e2;
	--mainColorCartouche: #050505;
	--mainColorBackground: #ffeedb;
	--mainColorActu: #4833e6;

	--axeAcolor: #ff4003;
	--axeBcolor: #122585;
	--axeCcolor: #09690d;
	--intersectionAB: #3b1347;
	--intersectionAC: #66b79c;
	--intersectionBC: #03658c;
	--intersectionABC: #ffffff;

	--colorLeftLogo: #ff00ff;
	--colorRightLogo: #ffde21;
	--colorIntersect: #ff0021;
	--colorLetterLogo: #ff0021;
	--colorDotLogotype: #ff00ff;
	--displayModeLogo: displayFill;

	--shapeLeftFill: #ff00ff;
	--shapeLeftStroke: none;
	--shapeRightFill: #ffde21;
	--shapeRightStroke: none;
	--shapeInterFill: #ff0021;
	--shapeInterStroke: none;
	--shapeStrokeWidth: 0;
}

body {
	background-color: var(--mainColorBackground);
}

.logo-shape-left {
	fill: var(--shapeLeftFill);
	stroke: var(--shapeLeftStroke);
	stroke-width: var(--shapeStrokeWidth);
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}
.logo-shape-right {
	fill: var(--shapeRightFill);
	stroke: var(--shapeRightStroke);
	stroke-width: var(--shapeStrokeWidth);
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}
.logo-intersection {
	fill: var(--shapeInterFill);
	stroke: var(--shapeInterStroke);
	stroke-width: var(--shapeStrokeWidth);
	stroke-linejoin: round;
	vector-effect: non-scaling-stroke;
}
/* Logotype colors */
.qr-logotype svg .st0 {
	fill: var(--colorDotLogotype) !important;
}
.qr-logotype svg path:not([class]),
.qr-logotype svg line:not([class]) {
	fill: var(--colorLetterLogo) !important;
}