
@layer base {
	:root {
		--bg-graddiscover1: 30, 58, 139;
		--bg-graddiscover2: 41, 76, 178;
		--bg-graddiscover3: 29, 78, 215;
		--bg-gradhero1: 244, 247, 254;
		--bg-gradhero2: 232, 240, 253;
		--bg-gradhero3: 237, 243, 255;
		--bg-gradmission1: 250, 250, 255;
		--bg-gradmission2: 232, 240, 253;
		--bg-gradmission3: 250, 250, 255;
		--bg-gradserve1: 250, 251, 252;
		--bg-gradserve2: 255, 255, 255;
		--bg-gradserve3: 246, 247, 248;
		--bg-hover: 35, 93, 229;
		--bg-buttonhover: 66, 106, 242;
		--bg-lightest: 255, 255, 255;
		--bg-light: 238, 238, 240;
		--bg-lighttitle: 240, 249, 255;
		--bg-button: 33, 90, 226;
		--text-title: 35, 93, 229;
		--text-heading: 26, 26, 26;
		--text-content: 75, 85, 99;
		--text-button: 216, 226, 232;
		--text-light: 190, 200, 220;
		--text-lightest: 220, 240, 250;
		--text-hover: 255, 255, 255;
		--text-buttonhover: 255, 255, 255;
		--text-green: 0, 128, 0;
		--text-red: 200, 0, 0;
		--border-button: 30, 80, 218;
		--border-dark: 50, 100, 130;
		--border-darkest: 200, 210, 230;
		--border-light: 220, 220, 220;
	}
  

	.dark {
		--bg-graddiscover1: 11, 26, 72;
		--bg-graddiscover2: 19, 40, 99;
		--bg-graddiscover3: 13, 38, 109;
		--bg-gradhero1: 5, 25, 44;
		--bg-gradhero2: 28, 49, 78;
		--bg-gradhero3: 5, 25, 44;
		--bg-gradmission1: 28, 49, 78;
		--bg-gradmission2: 5, 25, 44;
		--bg-gradmission3: 5, 25, 44;
		--bg-gradserve1: 5, 25, 44;
		--bg-gradserve2: 5, 25, 44;
		--bg-gradserve3: 28, 49, 78;
		--bg-hover: 15, 53, 100;
		--bg-buttonhover: 30, 56, 142;
		--bg-lightest: 13, 33, 52;
		--bg-light: 23, 43, 62;
		--bg-lighttitle: 59, 66, 83;
		--bg-button: 13, 40, 126;
		--text-title: 75, 133, 180;
		--text-heading: 146, 156, 166;
		--text-content: 126, 136, 156;
		--text-button: 146, 156, 176;
		--text-light: 120, 130, 150;
		--text-lightest: 140, 150, 170;
		--text-hover: 122, 133, 244;
		--text-buttonhover: 156, 166, 195;
		--text-green: 0, 128, 0;
		--text-red: 200, 0, 0;
		--border-button: 20, 60, 121;
		--border-darkest: 120, 130, 150;
		--border-dark: 20, 50, 100;
		--border-light: 60, 80, 90;

	}



}
