:root {
	/* Colors */
	--color-primary: #80a136;
	--color-primary-light: #c0d97b;
	--color-secondary: #d692b7;
	--color-alert: #ff5555;
	--color-warning: #9a6700;
	--color-alert-light: #ffcccc;
	--color-valid: #80a136;
	--color-gray: #808080;
	--color-gray-light: #cccccc;

	/* Font colors */
	--text-color-primary: #333333;
	--text-color-alert: #ff5555;
	--text-color-helper: #808080;
	--placeholder-color: #cccccc;

	/* Font sizes */
	--font-size-helper: 0.8rem;
	--font-size-annotation: 0.8rem;
	--font-size-alert: 0.8rem;

	/* z index */
	--z-index-overlay: 300;
	--z-index-header: 200;
	--z-index-slide-bar: 100;
}