:root {

	--show-wegain-logo: block;

	/*
		Colors
	*/
	--color-primary: #000000;
	--color-secondary: #FFC93C;
	--color-text-darker-grey: rgb(45, 45, 45);
	--color-text-dark-grey: rgb(85, 85, 85);
	--color-text-medium-grey: rgb(135, 135, 135);
	--color-text-light-grey: rgb(185, 185, 185);
	--color-text-lighter-grey: rgb(225, 225, 225);
	--color-input-background: rgb(232, 240, 254);
	--color-input-background-disabled: rgba(158, 161, 165, 0.1);

	/*
		Sidebar background colors.
	*/
	--sidebar-color-background: white;
	--sidebar-color-background-hover: var(--color-secondary);
	--sidebar-color-background-active: var(--color-secondary);

	/*
		Sidebar text colors.
	*/
	--sidebar-color-text-large: var(--color-text-dark-grey);
	--sidebar-color-text-medium: var(--color-text-medium-grey);
	--sidebar-color-text-active: white;

	/*
		Sidebar circle colors.
	*/
	--sidebar-color-circles: rgb(165,165, 165);
	--sidebar-color-circles-active: var(--color-primary);
	--sidebar-color-lines: rgb(165, 165, 165);
	--sidebar-color-lines-active: var(--color-primary);

	/**
		Page colors.
	*/
	--page-background-color: #f9f9f9;
	--page-foreground-color: white;
	--page-icon-color-inner: var(--page-foreground-color);
	--page-icon-color-outer: var(--color-secondary);
	--page-foreground-shadow: 0 0 0.3em rgba(100, 100, 100, 0.15);

	/*
		Corner radiuses
	*/
	--page-corner-radius: 0px;
	--sidebar-icon-large-corner-radius: 25%;
	--sidebar-icon-medium-corner-radius: 50%;
	--page-icon-corner-radius: 50%;

	/*
		Size/spacing variales
	*/
	--color-graphs: var(--color-secondary);
	--color-button: var(--color-secondary);

	--header-height: 3rem;

	--circle-stripe-width: 3.0px;

	--large-circle-diameter: 1.4em;
	--large-circle-margin: 0.6em;

	--medium-circle-diameter: 0.5em;
	--medium-circle-margin: 0.4em;

	--small-circle-diameter: 0.3em;
	--small-circle-stripe-width: 2px;
}