:root {

	/*
		Logos
	*/
	--show-abn-amro-logo: none;
	--show-tu-delft-logo: none;
	--show-nuon-logo: none;
    --show-volker-wessels-logo: none;
    --show-rabobank-logo: none;
	--show-wegain-logo: none;

	/*
		Fonts
	*/
	--font-header: "Roboto", 'OpenSans', arial, sans serif;
	--font-body: 'OpenSans', arial, sans serif;

	/*
		Colors
	*/
	--color-primary: black;
	--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);

	/*
		Sidebar sizes
	*/
	--sidebar-full-width: 16rem;
	--sidebar-full-content-margin: 2rem;
	--sidebar-medium-width: 4rem;
	--sidebar-medium-content-margin: 1rem;
	--sidebar-small-width: 3rem;
	--sidebar-small-content-margin: 0.65rem;

	/*
		Sidebar background colors.
	*/
	--sidebar-color-top: none;
	--sidebar-color-background: white;
	--sidebar-color-background-hover: rgb(240, 240, 240);
	--sidebar-color-background-active: rgb(245, 245, 245);

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

	/*
		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-card-border: solid 1px rgba(0, 0, 0, 0.15);
	--page-background-color: rgb(249, 249, 249);
	--page-foreground-color: white;
	--page-icon-color-inner: var(--page-foreground-color);
	--page-icon-color-outer: var(--color-primary);
	--page-header-color: var(--color-text-dark-grey);
	--page-foreground-shadow: 0 0.2em 0.4em rgba(100, 100, 100, 0.15);
	--page-title-color: var(--color-text-dark-grey);

	/**
		Toast colors.
	*/
	--toast-background-color: rgb(50, 50, 50);
	--toast-text-color: white;

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

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

	--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;
}

.prototypeText {
    display: none;
    visibility: hidden;
}