:root {
	/* colors */
	--primary: #c70593;
	/* --primary: #b50078; */
	/* --primary: #98176f; */
	--primary--dark: #681351;
	--primary--dimmed: #e5b1d7;
	--primary--very-dimmed: #ffd6f4;
	--secondary: #e6f53d;
	--secondary--dimmed: #f7ff9f; 
	--background: #ffffff;
	--debug: #fcebeb;
	--content: #111111;
	--content--dimmed: #555555;
	--gray: #ddd;
	--light-gray: #f3efef;
	--calendar-main-color: #f5d5b1;
	--disabled: #fafafa;
	--highlight-background: #fffacd;
	--highlight: #e67e22;
	
	/* font sizes */
	--title: 3em;
	--subtitle: 1.5em;
	--normal-text: 1em;

	/* spacing */
	--spacing-xs: 0.25em;
	--spacing-s: 0.5em;
	--spacing-m: 1em;
	--spacing-ml: 1.5em;
	--spacing-l: 2em;
	--spacing-xl: 4em;
	--spacing-xxl: 8em;

	/* other */
	--b-radius: 0.25em;
	--b-shy: solid 1px var(--content--dimmed);
	--b-primary: solid 1px var(--primary);
}