:root {
--F200: #EA5858;--F500: #CC0000;--F800: #A00000;
--N0: #FFFFFF;--N50: #FAFAFA;--N100: #F1F2F3;--N200: #C1C5CA;--N300: #959CA3;--N600: #5E656E;--N700: #383C3F;--N800: #202224;--N900: #0A0A0B;--N1000: #000000;
--C100: #BDFBFF;--C200: #65E4FF;--C500: #1AA0FF;--C800: #0054A8;--C900: #072B4F;
--P100: #ECD5FE;--P200: #CB95F6;--P500: #9C53F9;--P800: #4F3CAF;--P900: #352D5E;
--M100: #FFDDE6;--M200: #F49DB4;--M500: #F64C76;--M800: #9E2441;--M900: #5E1527;
--T100: #C3FFE0;--T200: #67EFA8;--T500: #00C6B3;--T800: #005B70;--T900: #0D353F;
--Y100: #FFF2C5;--Y200: #FFDE6C;--Y500: #e6903d;--Y800: #BD4B32;--Y900: #721F0D;
--I100: #E7EBFF;--I200: #ABB7F5;--I500: #717FCE;--I800: #374593;--I900: #12206B;	
--B500: #4A79F0;--B900: #2F3BA1;--B500A: #4A79F01A;
--G500: #39A257;--G900: #246033;--G500A: #39A2571A;
--O500: #C38322;--O900: #79481A;--O500A: #C383221A;
--R500: #D6382D;--R900: #98321B;--R500A: #D6382D1A;
	
--primaryGradient: linear-gradient(283.79deg, var(--F800) 0%, var(--F500) 46.71%, var(--F200) 100%);
--cyanGradient: linear-gradient(103.79deg, var(--C500) 0%, var(--C800) 100%);
--purpleGradient: linear-gradient(103.79deg, var(--P500) 0%, var(--P800) 100%);
--magentaGradient: linear-gradient(103.79deg, var(--M500) 0%, var(--M800) 100%);
--tealGradient: linear-gradient(103.79deg, var(--T500) 0%, var(--T800) 100%);
--yellowGradient: linear-gradient(103.79deg, var(--Y500) 0%, var(--Y800) 100%);
--indigoGradient: linear-gradient(103.79deg, var(--I500) 0%, var(--I800) 100%);
}

.shadowLightXL{box-shadow: 0px 16px 24px rgba(94, 101, 110, 0.04), 0px 24px 34px rgba(83, 183, 255, 0.05);}
.shadowLightL{box-shadow: 0px 8px 16px rgba(94, 101, 110, 0.04), 0px 16px 24px rgba(83, 183, 255, 0.04);}
.shadowDarkXL{box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.04), 0px 24px 34px rgba(0, 0, 0, 0.05);}
.shadowDarkL{box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.04), 0px 16px 24px rgba(0, 0, 0, 0.05);}