:root {
	// conditions
	--true: initial;
	--false: ;
}

.ct-theme-editor-styles .editor-styles-wrapper {
	background-color: var(--background-color);
	background-image: var(--background-image);
	background-size: var(--background-size);
	background-repeat: var(--background-repeat);
	background-position: var(--background-position);
	background-attachment: var(--background-attachment);
}

.ct-theme-editor-styles .block-editor-writing-flow {
	color: var(--color);
	background-color: var(--has-boxed, var(--background-color));
	background-image: var(--has-boxed, var(--background-image));
	background-size: var(--has-boxed, var(--background-size));
	background-repeat: var(--has-boxed, var(--background-repeat));
	background-position: var(--has-boxed, var(--background-position));
	background-attachment: var(--has-boxed, var(--background-attachment));
	box-shadow: var(--has-boxed, var(--box-shadow));
	border-radius: var(--has-boxed, var(--border-radius));
	padding: var(--has-boxed, var(--boxed-content-spacing));

	// link color
	a {
		color: var(--linkInitialColor);

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

	// heading color
	.editor-post-title__input {
		color: var(--headings-color);
	}

	h1 {
		color: var(--heading-color, var(--heading-1-color, var(--headings-color)));
	}

	h2 {
		color: var(--heading-color, var(--heading-2-color, var(--headings-color)));
	}

	h3 {
		color: var(--heading-color, var(--heading-3-color, var(--headings-color)));
	}

	h4 {
		color: var(--heading-color, var(--heading-4-color, var(--headings-color)));
	}

	h5 {
		color: var(--heading-color, var(--heading-5-color, var(--headings-color)));
	}

	h6 {
		color: var(--heading-color, var(--heading-6-color, var(--headings-color)));
	}
}

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