.grayscale-1 {
	--cta-color: white;
	--background-1: rgba(255, 255, 255, 1);
	--color-1: rgba(0, 0, 0, 1);
	--color-2: rgba(0, 0, 0, .45);
	--background-2: #f8f8f8;
	--border-color: rgba(0, 0, 0, .1);
	--cta-background: var(--color-1);
	background: var(--background-1);
	color: var(--color-2);
}

.white-1 {
	background: #fff;
	--bg2: #F8F8F8;
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #000;
	--border: rgba(0, 0, 0, .14);
}

.white-2 {
	background: #F8F8F8;
	--bg2: #ebebeb;
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #000;
	--border: rgba(0, 0, 0, .14);
}

.white-3 {
	background: rgb(212, 212, 212);
	--bg2: rgb(202, 202, 202);
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #000;
	--border: rgba(0, 0, 0, .14);
}

.white-4 {
	background: #1e1e1e;
	--bg2: #292929;
	--color-1: #fff;
	--color-2: #fff;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #fff;
	--border: rgba(255, 255, 255, 0.1);
}

.white-5 {
	background: linear-gradient(#fff, #F8F8F8);
	--bg2: #ebebeb;
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #000;
	--border: rgba(0, 0, 0, .14);
}

.black-1 {
	background: #000;
	--bg2: #4D4D4D;
	--color-1: #fff;
	--color-2: #C5C5C5;
	--accent: #0073ff;
	--svg: #fff;
	--border: #404040;
}

.black-2 {
	background: #303030;
	--bg2: #4D4D4D;
	--color-1: #fff;
	--color-2: #C5C5C5;
	--accent: #0073ff;
	--svg: #fff;
	--border: #404040;
}

.black-3 {
	background: #4D4D4D;
	--bg2: #6A6A6A;
	--color-1: #fff;
	--color-2: #C5C5C5;
	--accent: #0073ff;
	--svg: #fff;
	--border: #676767;
}

.black-4 {
	background: #fff;
	--bg2: #f1f1f1;
	--color-1: #000;
	--color-2: #777;
	--accent: #0073ff;
	--svg: #fff;
	--border: #e7e7e7;
}

.black-5 {
	background: linear-gradient(#000, #4D4D4D);
	--bg2: #4D4D4D;
	--color-1: #fff;
	--color-2: #C5C5C5;
	--accent: #0073ff;
	--svg: #fff;
	--border: #404040;
}

.lightblue-1 {
	background: #D2DCE4;
	--bg2: #E7EEF3;
	--color-1: #1C252F;
	--color-2: #313F4E;
	--color-3: #fff;
	--accent: #56ACCC;
	--svg: #fff;
	--border: #C5CFD7;
}

.lightblue-2 {
	background: #E7EEF3;
	--bg2: #FCFDFD;
	--color-1: #1C252F;
	--color-2: #313F4E;
	--color-3: #fff;
	--accent: #56ACCC;
	--svg: #fff;
	--border: #C5CFD7;
}

.lightblue-3 {
	background: #B7C0C7;
	--bg2: #D5DDE3;
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #fff;
	--border: #A8B0B7;
}

.lightblue-4 {
	background: #fff;
	--bg2: #E7EEF3;
	--color-1: #1C252F;
	--color-2: #313F4E;
	--color-3: #fff;
	--accent: #56ACCC;
	--svg: #fff;
	--border: #C5CFD7;
}

.lightblue-5 {
	background: linear-gradient(#D2DCE4, #B7C0C7);
	--bg2: #ebebeb;
	--color-1: #000;
	--color-2: #000;
	--color-3: #fff;
	--accent: #0073FF;
	--svg: #fff;
	--border: rgba(0, 0, 0, .14);
}

.blue-1 {
	background: #1E85FF;
	--bg2: #013281;
	--color-1: #fff;
	--color-2: #D4E1F2;
	--accent: #53D1BD;
	--svg: #fff;
	--border: #1B77E6;
}

.blue-2 {
	background: #62AAFF;
	--bg2: #013281;
	--color-1: #fff;
	--color-2: #D4E1F2;
	--accent: #53D1BD;
	--svg: #fff;
	--border: #529FFA;
}

.blue-3 {
	background: #013281;
	--bg2: #001A43;
	--color-1: #fff;
	--color-2: #D4E1F2;
	--accent: #53D1BD;
	--svg: #fff;
	--border: #07439C;
}

.blue-4 {
	background: #000;
	--bg2: #001A43;
	--color-1: #fff;
	--color-2: #D4E1F2;
	--accent: #53D1BD;
	--svg: #fff;
	--border: rgba(255, 255, 255, .15);
}

.blue-5 {
	background: linear-gradient(#1E85FF, #62AAFF);
	--bg2: #013281;
	--color-1: #fff;
	--color-2: #D4E1F2;
	--accent: #53D1BD;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.pink-1 {
	background: #403530;
	--bg2: #53453F;
	--color-1: #FFCCC9;
	--color-2: #FFCCC9;
	--accent: #fff;
	--svg: #403530;
	--border: #5A514D;
}

.pink-2 {
	background: #6D5C54;
	--bg2: #53453F;
	--color-1: #FFCCC9;
	--color-2: #FFCCC9;
	--accent: #fff;
	--svg: #403530;
	--border: #5A514D;
}

.pink-3 {
	background: #2B2320;
	--bg2: #53453F;
	--color-1: #FFCCC9;
	--color-2: #FFCCC9;
	--accent: #fff;
	--svg: #403530;
	--border: #5A514D;
}

.pink-4 {
	background: #000;
	--bg2: #53453F;
	--color-1: #FFCCC9;
	--color-2: #FFCCC9;
	--accent: #fff;
	--svg: #403530;
	--border: #5A514D;
}

.pink-5 {
	background: linear-gradient(#403530, #6D5C54);
	--bg2: #53453F;
	--color-1: #FFCCC9;
	--color-2: #FFCCC9;
	--accent: #fff;
	--svg: #403530;
	--border: #5A514D;
}

.red-1 {
	background: #DF2E2C;
	--bg2: #E35350;
	--color-1: #fff;
	--color-2: rgba(255, 255, 255, .8);
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(255, 255, 255, .1);
}

.red-2 {
	background: #988989;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: rgba(255, 255, 255, .8);
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.red-3 {
	background: #A1B7E2;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: rgba(255, 255, 255, .8);
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(255, 255, 255, .1);
}

.red-4 {
	background: #000;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #FFCCC9;
	--color-3: #fff;
	--accent: #DF2E2C;
	--svg: #fff;
	--border: rgba(255, 255, 255, .2);
}

.red-5 {
	background: linear-gradient(#A97D82, #DF2E2C);
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #FFCCC9;
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.yellow-1 {
	background: #FBE7A5;
	--bg2: #DFD090;
	--color-1: #000000;
	--color-2: #5F573E;
	--color-3: #fff;
	--accent: #002DFF;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.yellow-2 {
	background: #FFFAE7;
	--bg2: #FEF3D2;
	--color-1: #000000;
	--color-2: #5F573E;
	--color-3: #fff;
	--accent: #002DFF;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.yellow-3 {
	background: #CBC7B8;
	--bg2: #DFD090;
	--color-1: #000000;
	--color-2: #5F573E;
	--color-3: #fff;
	--accent: #002DFF;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.yellow-4 {
	background: #FFFFFF;
	--bg2: #FFF2C6;
	--color-1: #000000;
	--color-2: #5F573E;
	--color-3: #fff;
	--accent: #002DFF;
	--svg: #fff;
	--border: rgba(0, 0, 0, 0.11);
}

.yellow-5 {
	background: linear-gradient(#CBC7B8, #FFF2C6);
	--bg2: #DFD090;
	--color-1: #000000;
	--color-2: #5F573E;
	--color-3: #fff;
	--accent: #002DFF;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.orange-1 {
	background: #E76E35;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #fff;
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(255, 255, 255, .1);
}

.orange-2 {
	background: #FFE6DB;
	--bg2: #FAD0BC;
	--color-1: #E76E35;
	--color-2: #312C2A;
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.orange-3 {
	background: #3B74A9;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #FFE6;
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(255, 255, 255, .1);
}

.orange-4 {
	background: #000;
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #FFE6db;
	--color-3: #fff;
	--accent: #E76E35;
	--svg: #fff;
	--border: rgba(255, 255, 255, .2);
}

.orange-5 {
	background: linear-gradient(#E76E35, #3B74A9);
	--bg2: rgba(255, 255, 255, .2);
	--color-1: #fff;
	--color-2: #ffffffc7;
	--color-3: #fff;
	--accent: #000;
	--svg: #fff;
	--border: rgba(0, 0, 0, .1);
}

.green-1 {
	background: #2C5F5B;
	--bg2: #3D6C68;
	--color-1: #FFFFFF;
	--color-2: #C5D3D2;
	--color-3: #fff;
	--accent: #A3B745;
	--svg: #fff;
	--border: rgba(255, 255, 255, .2);
}

.green-2 {
	background: #809188;
	--bg2: #979797;
	--color-1: #FFFFFF;
	--color-2: #C5D3D2;
	--color-3: #000;
	--accent: #d9fa9e;
	--svg: #000;
	--border: rgba(255, 255, 255, .2);
}

.green-3 {
	background: #87766A;
	--bg2: #979797;
	--color-1: #FFFFFF;
	--color-2: #F4EEEA;
	--color-3: #000;
	--accent: #d9fa9e;
	--svg: #000;
	--border: rgba(255, 255, 255, .2);
}

.green-4 {
	background: #FFFFFF;
	--bg2: #979797;
	--color-1: #2C5F5B;
	--color-2: #373737;
	--color-3: #fff;
	--accent: #829F50;
	--svg: #fff;
	--border: rgba(0, 0, 0, 0.1);
}

.green-5 {
	background: linear-gradient(#2C5F5B, #87766A);
	--bg2: #979797;
	--color-1: #FFFFFF;
	--color-2: #C5D3D2;
	--color-3: #fff;
	--accent: #829F50;
	--svg: #fff;
	--border: rgba(123, 138, 131, 1);
}