:root {
	/* General Colors */
	--color-white: #FFFFFF;
	--color-transparent: transparent;
	/*--color-primary: #1976D2;
	--color-secondary: #424242;*/
	--color-success: #4CAF50;
	--color-error: #F44336;
	--color-warning: #FF9800;
	/* CIP Green */
	--color-cip-green-25: #759D39;
	--color-cip-green-50: #92B756;
	--color-cip-green-100: #AFD275;
	--color-cip-green-200: #E9FCC6;
	--color-cip-green-300: #FEFFFA;
	--color-cip-green-400: #5B831E;
	--color-cip-green-500: #426902;
	--color-cip-green-600: #537C13;
	--color-cip-green-700: #2C5000;
	--color-cip-green-800: #1C3800;
	--color-cip-green-900: #132000;
	--color-cip-green-t6: rgba(91, 131, 30, 0.06);
	--color-cip-green-t12: rgba(91, 131, 30, 0.12);
	--color-cip-green-t20: rgba(91, 131, 30, 0.2);
	/* Blue */
	--color-blue-25: #F8FBFF;
	--color-blue-50: #E6F3FF;
	--color-blue-100: #CCE5FF;
	--color-blue-100: #CCE5FF;
	--color-blue-200: #99CCFF;
	--color-blue-300: #66B2FF;
	--color-blue-400: #3399FF;
	--color-blue-500: #0080FF;
	--color-blue-600: #0066CC;
	--color-blue-700: #004C99;
	--color-blue-800: #003366;
	--color-blue-900: #001A33;
	--color-blue-t6: rgba(0, 102, 204, 0.06);
	/* Grey */
	--color-grey-25: #FAFBFB;
	--color-grey-50: #EBEDEF;
	--color-grey-100: #CCD1D6;
	--color-grey-400: #808D99;
	--color-grey-500: #667685;
	--color-grey-600: #4D5F71;
	--color-grey-700: #33485C;
	--color-grey-800: #1A3148;
	--color-grey-900: #001A33;
	--color-grey-t10: rgba(77, 95, 113, 0.16);
	--color-grey-t20: rgba(77, 95, 113, 0.25);
	--color-grey-t40: rgba(77, 95, 113, 0.4);
	/* Red */
	--color-red-25: #FFF9F8;
	--color-red-50: #FFEAE6;
	--color-red-100: #FFD4CC;
	--color-red-200: #FFAA99;
	--color-red-300: #FF7F66;
	--color-red-600: #CC2200;
	--color-red-700: #991A00;
	--color-red-800: #661100;
	--color-red-900: #330900;
	--color-red-t12: rgba(204, 34, 0, 0.12);
	/* Green */
	--color-green-50: #D3F8E4;
	--color-green-100: #ACECCA;
	--color-green-200: #83E2AF;
	--color-green-600: #0E7C41;
	--color-green-700: #095D30;
	--color-green-800: #023118;
	--color-green-900: #01180C;
	--color-green-t6: rgba(14, 139, 72, 0.06);
	/* Yellow */
	--color-yellow-50: #FFF7E6;
	--color-yellow-100: #FFEECC;
	--color-yellow-200: #FFDD99;
	--color-yellow-400: #FFBB33;
	--color-yellow-500: #FFA800;
	--color-yellow-700: #A36D00;
	--color-yellow-800: #664400;
	--color-yellow-900: #332200;
	--color-yellow-t6: rgba(227, 152, 0, 0.06);
	/* Accent Green */
	--color-accent-green-25: #FEFFFA;
	--color-accent-green-50: #F7FBE9;
	--color-accent-green-100: #E9F2D9;
	--color-accent-green-200: #D1E1B7;
	--color-accent-green-300: #BAD68F;
	--color-accent-green-400: #9BC45D;
	--color-accent-green-600: #60930B;
	--color-accent-green-700: #2C5000;
	--color-accent-green-900: #2C5000;
	--color-accent-green-t6: rgba(91, 131, 30, .06);
	--color-accent-green-t12: rgba(91, 131, 30, .12);
	--color-accent-green-t20: rgba(91, 131, 30, .2);
	/* Tokens - Background */
	--bg-white-main: var(--color-white);
	--bg-white-navigation: var(--color-white);
	--bg-neutral-navigation: var(--color-grey-25);
	--bg-neutral-dark: var(--color-grey-800);
	--bg-neutral-element: var(--color-grey-25);
	--bg-neutral-element-disabled: var(--color-grey-50);
	--bg-neutral-element-hover: var(--color-grey-50);
	--bg-neutral-element-hover-light: var(--color-grey-25);
	--bg-neutral-accent-primary: var(--color-accent-green-600);
	--bg-neutral-accent-primary-hover: var(--color-accent-green-700);
	--bg-neutral-accent-highlight: var(--color-accent-green-100);
	--bg-neutral-accent-light: var(--color-accent-green-50);
	--bg-neutral-accent-light-hover: var(--color-accent-green-25);
	--bg-neutral-accent-disabled: var(--color-accent-green-100);
	--bg-surface-accent-subtle-hover: var(--color-cip-green-300);
	/* Tokens - Text */
	--text-accent-primary: var(--color-accent-green-600);
	--text-accent-primary-hover: var(--color-accent-green-700);
	--text-accent-primary-disabled: var(--color-accent-green-100);
	--text-accent-primary-highlight: var(--color-accent-green-25);
	--text-accent-primary-highlight-disabled: var(--color-accent-green-25);
	--text-accent-primary-secondary: var(--color-accent-green-50);
	--text-neutral-primary: var(--color-grey-800);
	--text-neutral-primary-hover: var(--color-grey-700);
	--text-neutral-secondary: var(--color-grey-600);
	--text-neutral-tertiary: var(--color-grey-500);
	--text-neutral-disabled: var(--color-grey-400);
	--text-neutral-disabled-light: var(--color-grey-100);
	--text-neutral-white: var(--color-white);
	/* Tokens - Stroke */
	--stroke-accent: var(--color-accent-green-400);
	--stroke-accent-light: var(--color-accent-green-200);
	--stroke-neutral: var(--color-grey-50);
	--stroke-neutral-hover: var(--color-grey-100);
	--stroke-separator: var(--color-grey-50);
	/* Tokens - Danger */
	--danger-stroke: var(--color-red-600);
	--danger-stroke-secondary: var(--color-red-100);
	--danger-bg: var(--color-red-50);
	--danger-text-default: var(--color-red-600);
	--danger-text-on-bg: var(--color-red-800);
	--danger-text-hover: var(--color-red-700);
	--danger-text-disabled: var(--color-red-100);
	--danger-bg-light: var(--color-red-25);
	--danger-bg-hover: var(--color-red-100);
	/* Tokens - Warning */
	--warning-stroke: var(--color-yellow-700);
	--warning-stroke-secondary: var(--color-yellow-100);
	--warning-bg: var(--color-yellow-50);
	--warning-text-default: var(--color-yellow-500);
	--warning-text-on-bg: var(--color-yellow-800);
	/* Tokens - Success */
	--success-stroke: var(--color-green-700);
	--success-stroke-secondary: var(--color-green-100);
	--success-bg: var(--color-green-50);
	--success-text-default: var(--color-green-600);
	--success-text-hover: var(--color-green-700);
	--success-text-disabled: var(--color-green-100);
	--success-text-on-bg: var(--color-green-800);
	/* Tokens - Info */
	--info-stroke: var(--color-blue-600);
	--info-stroke-secondary: var(--color-blue-100);
	--info-bg: var(--color-blue-50);
	--info-text-default: var(--color-blue-600);
	--info-text-on-bg: var(--color-blue-800);
}