body {
	color: var(--color);

	::selection {
		color: #fff;
		background: var(--paletteColor1);
	}
}


// headings
h1, h2, h3, h4, h5, h6 {
	color: var(--color);
}


// links
a {
	color: var(--color);

	&:hover {
		color: var(--colorHover);
	}
}


// hr line
hr {
	background-color: var(--formBorderInitialColor);
}


// mark
mark {
	color: inherit;
	background-color: rgba(253, 226, 86, 0.6);
}


// editor color palettes
.has-palette-color-1-color {
	color: var(--paletteColor1);
}

.has-palette-color-2-color {
	color: var(--paletteColor2);
}

.has-palette-color-3-color {
	color: var(--paletteColor3);
}

.has-palette-color-4-color {
	color: var(--paletteColor4);
}

.has-palette-color-5-color {
	color: var(--paletteColor5);
}

// background color
.has-palette-color-1-background-color {
	background-color: var(--paletteColor1);
}

.has-palette-color-2-background-color {
	background-color: var(--paletteColor2);
}

.has-palette-color-3-background-color {
	background-color: var(--paletteColor3);
}

.has-palette-color-4-background-color {
	background-color: var(--paletteColor4);
}

.has-palette-color-5-background-color {
	background-color: var(--paletteColor5);
}