:root {
	--color-red: #b60010;
	--color-orange: #e47e00;
	--color-green: #2db69f;
	/* rgba(89, 201, 165, 1); */
	--color-green-flash: #36d1b7;
	--color-blue: #294884;
	--color-blue-flash: #2259c5;
	--color-grey: #afafaf;
	--color: #313131;
	--color-light: var(--color-grey);
	--color-light-secondary: #f3f3f3;
	--color-primary: var(--color-blue);
	--color-primary-contrast: #fefefe;
	--color-primary-flash: var(--color-blue-flash);
	--color-secondary: var(--color-green);
	--color-secondary-flash: var(--color-green-flash);
	--color-background-primary: #f9f9f9;
	--color-background-light-secondary: var(--color-light-secondary);
	--color-background-secondary: #EAEAEA;
	--color-background-primary-contrast: var(--color-primary-contrast);
	--border-header: var(--color-background-secondary);
	--border-radius: 4px;
	--font-family: Chakra Petch, Helvetica, Arial, Verdana, sans-serif;
	--color-highlight: var(--color);
	--color-background-highlight: #FFFF00;
}

html {
	user-select: none;
}

.user-select-text {
	user-select: text;
}


body {
	background-color: var(--color-background-primary);
}

.link,
.background-link,
a {
	transition: color .2s;
	transition: fill .2s;
}

.link:hover,
a:hover {
	color: var(--color-primary-flash);
	cursor: pointer;
}

.redlink:hover {
	color: var(--color-red);
	cursor: pointer;
}

.background-link:hover,
.selected-background-link {
	background-color: var(--color-background-secondary);
	color: var(--color-primary-flash);
	cursor: pointer;
}


.selected-background-link {
	cursor: unset !important;
}



.markdown-content li {
	list-style: disc inside;
	padding-left: 25px;
}

.notPublished {
	color: var(--color-primary-flash);
}