/*
Editor styles for Activello.

Keeps the block editor's canvas close to the front end: the same fonts and
colours. The content width comes from theme.json, sized per post by
activello_editor_layout_sizes(); colours read the theme.json palette, so a
custom Accent colour shows here too.
*/

.editor-styles-wrapper {
	font-family: Lora, serif;
	font-size: 14px;
	line-height: 2;
	color: #696969;
}

.editor-styles-wrapper h1,
.editor-styles-wrapper h2,
.editor-styles-wrapper h3,
.editor-styles-wrapper h4,
.editor-styles-wrapper h5,
.editor-styles-wrapper h6 {
	font-family: Montserrat, sans-serif;
	color: #4c4c4c;
	line-height: 1.4;
}

.editor-styles-wrapper a {
	color: var(--wp--preset--color--accent, #964fb8);
	text-decoration: none;
}

.editor-styles-wrapper blockquote {
	border-left: 3px solid var(--wp--preset--color--accent, #964fb8);
	padding-left: 20px;
	font-style: italic;
}

.editor-styles-wrapper table {
	border-collapse: collapse;
	width: 100%;
}

.editor-styles-wrapper table th,
.editor-styles-wrapper table td {
	border: 1px solid #ddd;
	padding: 8px;
}