:root {
	--brand: #2a1360;


	--brand-purple2: #3c1492;

	/* Active nav tab | Active Valinor sidebar item */
	--brand-purple3: #4c20b7;

	--brand-purple-disabled: #3c149275;

	/* Primary cta button hover | Secondary cta button hover | Tertiary cta button hover */
	--brand-purple-hover: #8778FF;

	/* Nav tab hover | Valinor sidebar item hover */
	--brand-nav-hover: #6B4EC4;

	--brand-brick: #ec5f4f;
	--brand-brick-hover: #D34B3A;
	--brand-lighter-brick: #ff7f69;
	--brand-lightest-brick: #fd978a;
	--brand-brick-disabled: #EC5F4F4D;

	--background-base: #F8F9FC;
	--background-primary: #F9FAFB;
	--background-secondary: #F1F3F9;
	--background-tile: rgba(165, 206, 255, 0.40);
	--background-tile-light: #EBF1FF;
	--brand-white: #ffffff;

	--background-background-primary-dark: #1B1F27;
	--background-background-secondary-dark: #23272F;
	--background-background-base-dark: #0A0D14;

	--box-shadow-dark: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);

	--text-white-primary: #ffffff;
	--text-black-primary: #1A1A1A;
	--text-black-secondary: #4f545f;
	--text-black-inactive: rgba(29, 36, 51, 0.65);
	--text-black-subtle: #A7A7A7;
	--text-warning-default: #FF9800;

	--neutral-300: #E1E6EF;
	--token-divider: rgba(0, 0, 0, 0.12);
	--menu-primary: #F5F8FF;

	/* aka --primary-default in Figma */
	/* Primary cta button default | Secondary cta button outline | Slide toggle*/
	--brand-lilac: #7d4fef;

	--brand-lilac2: #8778ff;
	--brand-lilac3: #b8a8ff;
	--brand-lilac-4: #E5DCFC;
	--brand-inactive-navigation: #b8a8ff40;

	--brand-green: #00ff8e;
	--brand-lime: #d9ff57;

	--brand-sky: #a5ceff;
	--brand-lighter-sky: #a5ceff70;
	--brand-lightest-sky: #a5ceff40;

	--gray-box-bg: #e5e5e540;
	--gray: #1D2433A6;
	--gray-50: #F8F8F8;

	--brand-warning: #F94A4B;

	--brand-maroon: #620e21;
	--brand-lighter-maroon: #620e2170;
	--brand-lightest-maroon: #620e2140;

	--chip-background-color-orange: #FFEACC;
	--chip-color-orange: #FF9800;
	--chip-background-color-lightblue: #CDEEFD;
	--chip-color-lightblue: #03A9F4;
	--chip-background-color-green: #DBEFDC;
	--chip-color-green: #4CAF50;
	--chip-background-color-lightred: #FBDFDC;
	--chip-color-lightred: #FD5A57;
	--chip-background-color-darkred: #F4D4D4;
	--chip-color-darkred: #C62828;
	--chip-background-color-lilac: #E5DCFC;
	--chip-color-lilac: #7D4FEF;
	--chip-color-brick: #EC5F4F;
	--chip-background-color-purple: #F3D4F4;
	--chip-color-purple: #C328C6;
	--chip-background-color-default: #D4D0DF;
	--brand-grey-50: #f8f8f8;

	--brand-text-black-disabled: #b2b2b2;
	--brand-tertiary-link-disabled: rgba(60, 20, 146, 0.3);
	--brand-error-default: #EF5350;
	--brand-error-hover: #D32F2F;
	--brand-success-default: #4CAF50;
	--brand-error-background: #FBDFDC;
	--brand-green-50: #E4F6E5;

	--valinor-border: #E7E5E5;
	--valinor-inactive: #697383;
	--valinor-warning: #EF6C00;
	--valinor-info: #03A9F4;

	--valinor-slate-300: #D0D5DD;
	--valinor-slate-500: #697383;

	--form-input-height: 34px;
	--form-input-font-size: 14px;
}