/* General */
:root {
	--border-radius: 4px;
	--border-radius2x: 10px;
	--default: #777;
}
/* Skin Colors */
:root {
	--primary: #17592E;
    --primary-100: #227D42;
    --primary-200: #2B9F55;
    --primary-300: #34C268;
    --primary--100: #114523;
    --primary--200: #0E391D;
    --primary--300: #0B2E17;
    --primary-rgba-0: rgba(23, 89, 46, 0);
    --primary-rgba-10: rgba(23, 89, 46, 0.1);
    --primary-rgba-20: rgba(23, 89, 46, 0.2);
    --primary-rgba-30: rgba(23, 89, 46, 0.3);
    --primary-rgba-40: rgba(23, 89, 46, 0.4);
    --primary-rgba-50: rgba(23, 89, 46, 0.5);
    --primary-rgba-60: rgba(23, 89, 46, 0.6);
    --primary-rgba-70: rgba(23, 89, 46, 0.7);
    --primary-rgba-80: rgba(23, 89, 46, 0.8);
    --primary-rgba-90: rgba(23, 89, 46, 0.9);

    --secondary: #1D743B;
    --secondary-100: #25934B;
    --secondary-200: #2EB25B;
    --secondary-300: #37D16C;
    --secondary--100: #175E30;
    --secondary--200: #144E28;
    --secondary--300: #103F20;
    --secondary-rgba-0: rgba(29, 116, 59, 0);
    --secondary-rgba-10: rgba(29, 116, 59, 0.1);
    --secondary-rgba-20: rgba(29, 116, 59, 0.2);
    --secondary-rgba-30: rgba(29, 116, 59, 0.3);
    --secondary-rgba-40: rgba(29, 116, 59, 0.4);
    --secondary-rgba-50: rgba(29, 116, 59, 0.5);
    --secondary-rgba-60: rgba(29, 116, 59, 0.6);
    --secondary-rgba-70: rgba(29, 116, 59, 0.7);
    --secondary-rgba-80: rgba(29, 116, 59, 0.8);
    --secondary-rgba-90: rgba(29, 116, 59, 0.9);

    --tertiary: #228D46;
    --tertiary-100: #29A756;
    --tertiary-200: #31C166;
    --tertiary-300: #39DB76;
    --tertiary--100: #1B7139;
    --tertiary--200: #175E30;
    --tertiary--300: #134C27;
    --tertiary-rgba-0: rgba(34, 141, 70, 0);
    --tertiary-rgba-10: rgba(34, 141, 70, 0.1);
    --tertiary-rgba-20: rgba(34, 141, 70, 0.2);
    --tertiary-rgba-30: rgba(34, 141, 70, 0.3);
    --tertiary-rgba-40: rgba(34, 141, 70, 0.4);
    --tertiary-rgba-50: rgba(34, 141, 70, 0.5);
    --tertiary-rgba-60: rgba(34, 141, 70, 0.6);
    --tertiary-rgba-70: rgba(34, 141, 70, 0.7);
    --tertiary-rgba-80: rgba(34, 141, 70, 0.8);
    --tertiary-rgba-90: rgba(34, 141, 70, 0.9);

    --quaternary: #727F83;
    --quaternary-100: #94A2A7;
    --quaternary-200: #B6C5CA;
    --quaternary-300: #D8E7ED;
    --quaternary--100: #5B686C;
    --quaternary--200: #465154;
    --quaternary--300: #323B3E;
    --quaternary-rgba-0: rgba(114, 127, 131, 0);
    --quaternary-rgba-10: rgba(114, 127, 131, 0.1);
    --quaternary-rgba-20: rgba(114, 127, 131, 0.2);
    --quaternary-rgba-30: rgba(114, 127, 131, 0.3);
    --quaternary-rgba-40: rgba(114, 127, 131, 0.4);
    --quaternary-rgba-50: rgba(114, 127, 131, 0.5);
    --quaternary-rgba-60: rgba(114, 127, 131, 0.6);
    --quaternary-rgba-70: rgba(114, 127, 131, 0.7);
    --quaternary-rgba-80: rgba(114, 127, 131, 0.8);
    --quaternary-rgba-90: rgba(114, 127, 131, 0.9);

    --dark: #324549;
    --dark-100: #3E575C;
    --dark-200: #4A6F73;
    --dark-300: #57888B;
    --dark--100: #27373A;
    --dark--200: #1E2B2E;
    --dark--300: #151F21;
    --dark-rgba-0: rgba(50, 69, 73, 0);
    --dark-rgba-10: rgba(50, 69, 73, 0.1);
    --dark-rgba-20: rgba(50, 69, 73, 0.2);
    --dark-rgba-30: rgba(50, 69, 73, 0.3);
    --dark-rgba-40: rgba(50, 69, 73, 0.4);
    --dark-rgba-50: rgba(50, 69, 73, 0.5);
    --dark-rgba-60: rgba(50, 69, 73, 0.6);
    --dark-rgba-70: rgba(50, 69, 73, 0.7);
    --dark-rgba-80: rgba(50, 69, 73, 0.8);
    --dark-rgba-90: rgba(50, 69, 73, 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: #777;
	--secondary-inverse: #FFF;
	--tertiary-inverse: #FFF;
	--quaternary-inverse: #777;
	--dark-inverse: #FFF;
	--light-inverse: #777;
}
/* Grey Colors */
:root {
	--grey: #969696;
	--grey-100: #f4f4f4;
	--grey-200: #eaeaea;
	--grey-300: #e5e5e5;
	--grey-400: #e0e0e0;
	--grey-500: #dbdbdb;
	--grey-600: #cecece;
	--grey-700: #c1c1c1;
	--grey-800: #a8a8a8;
	--grey-900: #8e8e8e;
	--grey-1000: #757575;
}