:root {
	--scrollbar-height: 6px;

	/* Primary Color System */
	--primary-100: rgb(212, 241, 248);
	--primary-200: rgb(178, 231, 243);
	--primary-300: rgb(139, 219, 237);
	--primary-400: rgb(82, 201, 228);
	--primary-500: rgb(0, 174, 213);
	--primary-600: rgb(0, 144, 177);
	--primary-700: rgb(0, 118, 145);
	--primary-800: rgb(0, 98, 120);
	--primary-900: rgb(0, 70, 85);
	--primary-1000: rgb(0, 52, 64);

	/* Default Color System */
	--default-white: rgb(255, 255, 255);
	--default-100: rgb(249, 250, 254);
	--default-200: rgb(242, 244, 250);
	--default-300: rgb(229, 233, 243);
	--default-black: rgb(0, 0, 0);

	/* Neutral Color System */
	--neutral-100: rgb(240, 242, 246);
	--neutral-200: rgb(217, 221, 234);
	--neutral-300: rgb(193, 199, 222);
	--neutral-400: rgb(166, 172, 196);
	--neutral-500: rgb(140, 146, 171);
	--neutral-600: rgb(115, 121, 146);	
	--neutral-700: rgb(91, 97, 120);
	--neutral-800: rgb(69, 74, 95);
	--neutral-900: rgb(49, 53, 69);
	--neutral-1000: rgb(30, 32, 44);

	/* Success Color System */
	--success-100: rgb(238, 255, 238);
	--success-200: rgb(207, 246, 214);
	--success-300: rgb(179, 238, 189);
	--success-400: rgb(148, 215, 160);
	--success-500: rgb(103, 208, 122);
	--success-600: rgb(84, 201, 105);
	--success-700: rgb(43, 193, 40);
	--success-800: rgb(26, 159, 24);
	--success-900: rgb(13, 125, 11);
	--success-1000: rgb(26, 159, 24);

	/* Danger Color System */
	--danger-100: rgb(255, 232, 236);
	--danger-200: rgb(255, 192, 204);
	--danger-300: rgb(255, 152, 171);
	--danger-400: rgb(255, 112, 138);
	--danger-500: rgb(255, 72, 105);
	--danger-600: rgb(251, 32, 71);
	--danger-700: rgb(210, 9, 45);
	--danger-800: rgb(169, 0, 30);
	--danger-900: rgb(128, 0, 23);
	--danger-1000: rgb(88, 0, 16);

	/* Warning Color System */
	--warning-100: rgb(255, 247, 234);
	--warning-200: rgb(255, 220, 153);
	--warning-300: rgb(255, 212, 127);
	--warning-400: rgb(255, 199, 91);
	--warning-500: rgb(255, 187, 54);
	--warning-600: rgb(255, 177, 25);
	--warning-700: rgb(233, 156, 5);
	--warning-800: rgb(212, 142, 6);
	--warning-900: rgb(163, 111, 5);
	--warning-1000: rgb(130, 89, 2);

	/* Information Color System */
	--information-100: rgb(233, 241, 255);
	--information-200: rgb(212, 227, 255);
	--information-300: rgb(180, 205, 252);
	--information-400: rgb(141, 175, 238);
	--information-500: rgb(108, 154, 239);	
	--information-600: rgb(91, 142, 235);
	--information-700: rgb(39, 110, 241);
	--information-800: rgb(15, 87, 220);
	--information-900: rgb(14, 72, 178);
	--information-1000: rgb(6, 40, 103);	

	/* Secondary-light Color System */
	--secondary-light-brand-cyan: rgb(223, 248, 253);
	--secondary-light-brand-blue: rgb(211, 208, 252);
	--secondary-light-brand-magenta: rgb(244, 169, 234);
	--secondary-light-brand-orange: rgb(249, 193, 167);
	--secondary-light-red: rgb(255, 230, 228);
	--secondary-light-orange: rgb(255, 233, 224);
	--secondary-light-yellow: rgb(255, 246, 230);
	--secondary-light-citron: rgb(250, 251, 205); 
	--secondary-light-citron-2: rgb(253, 252, 226);
	--secondary-light-lime: rgb(245, 253, 229);
	--secondary-light-green: rgb(238, 255, 233);
	--secondary-light-mint: rgb(226, 249, 231);

	--secondary-light-teal: rgb(226, 252, 253);
	--secondary-light-skyey: rgb(238, 250, 254);
	--secondary-light-blue: rgb(229, 236, 253);
	--secondary-light-indigo: rgb(240, 238, 255);
	--secondary-light-purple: rgb(247, 221, 253);
	--secondary-light-pink: rgb(255, 237, 251);
	--secondary-light-rose: rgb(255, 238, 243);

	/* // ag-grid */
	--ag-border-radius: 2px;
	
	--ag-checkbox-checked-shape-color: var(--primary-500);
	--ag-checkbox-checked-color: var(--primary-500);
	--ag-checkbox-checked-background-color: var(--secondary-light-skyey);
	--ag-checkbox-checked-border-color: var(--primary-500);
	--ag-checkbox-border-radius: 2px;

	--ag-checkbox-unchecked-color: var(--neutral-300);
	--ag-checkbox-indeterminate-color: var(--primary-500);
	--ag-checkbox-indeterminate-background-color: var(--secondary-light-skyey);
	--ag-checkbox-indeterminate-border-color: var(--primary-500);

	--ag-checkbox-disabled-color: var(--neutral-300);
	--ag-checkbox-disabled-background-color: var(--neutral-100);
	--ag-checkbox-disabled-border-color: var(--neutral-300);

	--ag-checkbox-checked-shape-image: url("../../images/icons/check.svg");
	--ag-checkbox-indeterminate-shape-image: url("../../images/icons/check-indeterminate.svg");
}