/*--------------------------------------------------*/
/*	COLORS
/*--------------------------------------------------*/

:root {
	/* options */
	--header: transparent;
	--header-height: 50px;

	--footer: #1E1E28;
	--footer-height: 70px;

	/* theme */
	--background: #FFFFFF;
	--background-light: #F4F4F4;
	--background-alternate: #F7F7F7;

	--theme-color-1: #C4C4C4;
	--theme-color-2: #8C8C8C;
	--theme-color-3: #707070;
	--theme-color-4: #404040;

	--text: #404040;
	--text-subtle: #8C8C8C;
	--text-subtle: #6F6F6F;

	--color-text: #FFFFFF;
	--color-text-subtle: #F0F0F0A0;

	--color-outline: #6F6EFA;
	--color-outline-light: #8A8AF5;

	--color-disabled: #DBDBDB;
	--color-disabled-light: #F4F4F4;

	--shadow: #40404020;

	/* colours */
	--color-black: #282828;
	--color-black-light: #3D3D3D;
	--color-black-dark: #141414;

	--color-gray: #E1E1E1;
	--color-gray-light: #F0F0F0;
	--color-gray-dark: #A0A0A0;

	--color-orange: #FFB365;
	--color-orange-light: #FFCC80;
	--color-orange-dark: #CC8A3E;

	--color-blue: #6F6EFA;
	--color-blue-light: #8A8AF5;
	--color-blue-dark: #4B4ACD;

	--color-cyan: #BEF9FF;
	--color-cyan-light: #D1FAFF;
	--color-cyan-dark: #6AD6DE;

	--color-red: #FF6450;
	--color-red-light: #FF7F6E;
	--color-red-dark: #CC4335;

	--color-yellow: #FFE066;
	--color-yellow-light: #FFF1A3;
	--color-yellow-dark: #CCB84D;

	--color-green: #A1E3A1;
	--color-green-light: #B4E6B4;
	--color-green-dark: #6FB86F;

	--color-purple: #372392;
	--color-purple-light: #5A3FBE;
	--color-purple-dark: #24165D;
}