/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 16px;
	--default: #777;
}
/* Skin Colors */
:root {
	--SA-600: #1b8354;
	--SA-50: #f3fcf6;
	--SA-100: #dff6e7;
	--SA-900: #104631;
	--SA-500: #25935f;
	--SA-400: #54c08a;
	--SA-300: #88d8ad;
	
	--SA-600-0: rgba(27, 131, 84, 0);
	--SA-600-10: rgba(27, 131, 84, 0.1);
	--SA-600-20: rgba(27, 131, 84, 0.2);
	--SA-600-30: rgba(27, 131, 84, 0.3);
	--SA-600-40: rgba(27, 131, 84, 0.4);
	--SA-600-50: rgba(27, 131, 84, 0.5);
	--SA-600-60: rgba(27, 131, 84, 0.6);
	--SA-600-70: rgba(27, 131, 84, 0.7);
	--SA-600-80: rgba(27, 131, 84, 0.8);
	--SA-600-90: rgba(27, 131, 84, 0.9);
	
	--Error-400: #f97066;
	--Error-500: #f04438;
	--Error-600: #d92d20;
	--Error-300: #fda29b;
	
	--Error-400-0: rgba(249, 112, 102, 0);
	--Error-400-10: rgba(249, 112, 102, 0.1);
	--Error-400-20: rgba(249, 112, 102, 0.2);
	--Error-400-30: rgba(249, 112, 102, 0.3);
	--Error-400-40: rgba(249, 112, 102, 0.4);
	--Error-400-50: rgba(249, 112, 102, 0.5);
	--Error-400-60: rgba(249, 112, 102, 0.6);
	--Error-400-70: rgba(249, 112, 102, 0.7);
	--Error-400-80: rgba(249, 112, 102, 0.8);
	--Error-400-90: rgba(249, 112, 102, 0.9);
	
	--tertiary: #2BAAB1;
	--tertiary-100: #26969c;
	--tertiary-200: #248c92;
	--tertiary-300: #218388;
	--tertiary--100: #30bec6;
	--tertiary--200: #34c6ce;
	--tertiary--300: #3fc9d0;
	--tertiary-rgba-0: rgba(43, 170, 177, 0);
	--tertiary-rgba-10: rgba(43, 170, 177, 0.1);
	--tertiary-rgba-20: rgba(43, 170, 177, 0.2);
	--tertiary-rgba-30: rgba(43, 170, 177, 0.3);
	--tertiary-rgba-40: rgba(43, 170, 177, 0.4);
	--tertiary-rgba-50: rgba(43, 170, 177, 0.5);
	--tertiary-rgba-60: rgba(43, 170, 177, 0.6);
	--tertiary-rgba-70: rgba(43, 170, 177, 0.7);
	--tertiary-rgba-80: rgba(43, 170, 177, 0.8);
	--tertiary-rgba-90: rgba(43, 170, 177, 0.9);
	
	--quaternary: #383f48;
	--quaternary-100: #2d323a;
	--quaternary-200: #272c32;
	--quaternary-300: #22262b;
	--quaternary--100: #434c56;
	--quaternary--200: #49525e;
	--quaternary--300: #4e5865;
	--quaternary-rgba-0: rgba(56, 63, 72, 0);
	--quaternary-rgba-10: rgba(56, 63, 72, 0.1);
	--quaternary-rgba-20: rgba(56, 63, 72, 0.2);
	--quaternary-rgba-30: rgba(56, 63, 72, 0.3);
	--quaternary-rgba-40: rgba(56, 63, 72, 0.4);
	--quaternary-rgba-50: rgba(56, 63, 72, 0.5);
	--quaternary-rgba-60: rgba(56, 63, 72, 0.6);
	--quaternary-rgba-70: rgba(56, 63, 72, 0.7);
	--quaternary-rgba-80: rgba(56, 63, 72, 0.8);
	--quaternary-rgba-90: rgba(56, 63, 72, 0.9);
	
	
	--dark: #212529;
	--dark-100: #16181b;
	--dark-200: #101214;
	--dark-300: #0a0c0d;
	--dark--100: #2c3237;
	--dark--200: #32383e;
	--dark--300: #383f45;
	--dark-rgba-0: rgba(33, 37, 41, 0);
	--dark-rgba-10: rgba(33, 37, 41, 0.1);
	--dark-rgba-20: rgba(33, 37, 41, 0.2);
	--dark-rgba-30: rgba(33, 37, 41, 0.3);
	--dark-rgba-40: rgba(33, 37, 41, 0.4);
	--dark-rgba-50: rgba(33, 37, 41, 0.5);
	--dark-rgba-60: rgba(33, 37, 41, 0.6);
	--dark-rgba-70: rgba(33, 37, 41, 0.7);
	--dark-rgba-80: rgba(33, 37, 41, 0.8);
	--dark-rgba-90: rgba(33, 37, 41, 0.9);
	--light: #FFF;
	--light-100: #f2f2f2;
	--light-200: #ececec;
	--light-300: #e6e6e6;
	--light--100: #ffffff;
	--light--200: #ffffff;
	--light--300: #ffffff;
	--light-rgba-0: rgba(255, 255, 255, 0);
	--light-rgba-10: rgba(255, 255, 255, 0.1);
	--light-rgba-20: rgba(255, 255, 255, 0.2);
	--light-rgba-30: rgba(255, 255, 255, 0.3);
	--light-rgba-40: rgba(255, 255, 255, 0.4);
	--light-rgba-50: rgba(255, 255, 255, 0.5);
	--light-rgba-60: rgba(255, 255, 255, 0.6);
	--light-rgba-70: rgba(255, 255, 255, 0.7);
	--light-rgba-80: rgba(255, 255, 255, 0.8);
	--light-rgba-90: rgba(255, 255, 255, 0.9);
}
/* Skin Colors - Inverse */
:root {
	--primary-inverse: #FFF;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #FFF;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--Gray-100: #F3F4F6;
	--Gray-200: #e5e7eb;
	--Gray-300: #d2d6db;
	--Gray-400: #9da4ae;
	--Gray-500: #6c737f;
	--Gray-600: #4d5761;
}