:root {
	--spg-color-primary-red-55: #d6002a;
	--spg-color-primary-black-100: #000000;
	--spg-color-primary-white-0: #ffffff;

	--spg-color-secondary-yellow-10: #edf86f;

	--spg-color-tertiary-brown-20: #9e8d73;
	--spg-color-tertiary-taupe-40: #c2c4c3;
	--spg-color-tertiary-blue-15: #c7dae0;

	--spg-color-gray-95: #0b0b0b;
	--spg-color-gray-90: #1b1b1b;
	--spg-color-gray-85: #212121;
	--spg-color-gray-80: #2e2e2e;
	--spg-color-gray-75: #2e2e2e;
	--spg-color-gray-70: #454545;
	--spg-color-gray-60: #5c5c5c;
	--spg-color-gray-55: #666666;
	--spg-color-gray-50: #757575;
	--spg-color-gray-40: #919191;
	--spg-color-gray-35: #999999;
	--spg-color-gray-30: #adadad;
	--spg-color-gray-20: #c9c9c9;
	--spg-color-gray-10: #e6e6e6;
	--spg-color-gray-5: #f0f0f0;
	--spg-color-gray-2: #f7f7f7;

	--spg-color-notification-info-55: #0d71c6;
	--spg-color-notification-warning-30: #f89406;
	--spg-color-notification-success-45: #009900;
	--spg-color-notification-info: #F5F5F5;
	--spg-color-notification-warning: #FFF6E2;
	--spg-color-notification-error: #FEEEF2;
	--spg-color-notification-success: #F0F3F7;

	--linear-gradient-dark-green: #006262;
	--linear-gradient-light-green: #008B57;
	--play-button: rgba(0, 0, 0, 0.5);
	--box-shadow: rgba(0, 0, 0, 0.2);

	--data-vis-ocean-7: #006D89;
	--data-vis-gold-5: #F1A649;
	--data-vis-purple-7: #782080;
	--data-vis-teal-5: #54BAA0;
	--data-vis-magenta-7: #B92051;
	--data-vis-blue-3: #AAB5DF;
	--data-vis-blue-8: #1D3BAA;
	--data-vis-purple-4: #B280B6;
	--data-vis-orange-7: #C94100;
	--data-vis-ocean-4: #6DACBC;
	--data-vis-purple-9: #501555;
	--data-vis-magenta-5: #CD6083;
	--data-vis-green-9: #125E1F;
	--data-vis-green-3: #9DCEA6;
	--data-vis-orange-3: #E8AE92;
	--data-vis-ocean-9: #00495B;
	--data-vis-gold-7: #EC8200;
	--data-vis-maroon-9: #6B0F01;
	--data-vis-blue-6: #566CBF;

	--outer-padding: 40px;
}