:root
{
	/* Theme Colours */

	--color-background: #0f1012;
	--color-page: rgba(19,21,23,0.8);
	--color-faded:#2e3338;
	--color-shadow: rgba(0,0,0,0.3);
	/* #0b0c0d; */

	--color-accent:#1552af;

	--color-font:#bbccdd;
	--color-font-faded:#515962;
	--color-font-header:#fff;

	--color-input: #1C1F22;

	/* Fonts */

	--font-body: 'Poppins', Helvetica, Arial, sans-serif;
	--font-header: 'Poppins', Helvetica, Arial, sans-serif;

	/* Text */

	--text-color: var(--color-font);
	--text-faded: var(--color-font-faded);

	--h1-color:var(--color-font-header);
	--h2-color:var(--color-font-header);
	--h3-color:var(--color-font-header);
	--h4-color:var(--color-font-header);

	--a-color: var(--color-accent);
	--a-hover-color: var(--color-font-header);

	/* Buttons */

	--button-color: var(--color-font-header);
	--button-background: var(--color-font-faded);
	--button-color-hover: var(--color-page);
	--button-background-hover: var(--color-font-header);

	/* Headers */

	--background: var(--color-background);

	--header-background-basic: var(--color-page);
	--header-link: var(--color-font-header);
	--header-link-hover: var(--color-font-header);

	/* Footer */

	--footer-background: var(--color-page);
	--footer-color: var(--color-font-faded);
	--footer-link-color: var(--color-font-faded);
	--footer-link-hover: var(--color-accent);
	--footer-social-color: var(--color-font-faded);
	--footer-social-hover: var(--color-accent);

	/* Container */

	--container-header-background-basic: #eee;
	--container-header-background-gradient: linear-gradient(90deg, rgba(255,0,102,1) 0%, rgba(0,204,255,1) 100%);
	--container-background: var(--color-page);
	--container-shadow: var(--color-shadow);

	/* Forms */

	--input-background: var(--color-input);
	--input-border-focused: var(--color-font);
	--input-border: var(--color-font-faded);
	--input-label-color: var(--color-font-faded);
	--input-color: var(--color-font-header);

	--placeholder-background: var(--color-font-faded);

	/* Tables */

	--table-header-background: #1c1e21;
	--table-header-color: var(--color-font-faded);
	--table-row-background: var(--color-background);
	--table-row-background-alt: var(--color-page);
	--table-caption: red;

	/* Commands */

	--command-fixed-background: var(--color-faded);
	--command-fixed: var(--color-font);

	--command-cost-background: #ffb600;
	--command-cost: var(--color-page);

	--command-option-background: var(--color-accent);
	--command-option: var(--color-font-header);
	--command-option-background-hover: var(--color-font-header);
	--command-option-hover: var(--color-page);

	--command-option-dropdown-background: var(--color-faded);
	--command-option-dropdown: var(--color-font);
	--command-option-dropdown-background-hover: var(--color-accent);
	--command-option-dropdown-hover: var(--color-font-header);

}