/**
 * Block editor styles.
 *
 * Mirrors the front-end typography, colors, and quote treatment from
 * style.css so the editor preview matches the published output.
 */

:root {
	--font-heading: 'Poppins', sans-serif;
	--font-body: 'Nunito', sans-serif;

	--color-primary: #FFB84C;
	--color-text: #333333;
	--color-muted: #888888;

	--fs-h1: 2.25rem;
	--fs-h2: 1.75rem;
	--fs-h3: 1.375rem;
	--fs-h4: 1.125rem;
	--fs-body: 1rem;

	--lh-body: 1.6;
	--lh-heading: 1.25;
}

.editor-styles-wrapper {
	font-family: var(--font-body);
	font-size: var(--fs-body);
	line-height: var(--lh-body);
	color: var(--color-text);
}

.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: var(--font-heading);
	line-height: var(--lh-heading);
	font-weight: 600;
}

.editor-styles-wrapper h1 { font-size: var(--fs-h1); }
.editor-styles-wrapper h2 { font-size: var(--fs-h2); }
.editor-styles-wrapper h3 { font-size: var(--fs-h3); }
.editor-styles-wrapper h4 { font-size: var(--fs-h4); }

.editor-styles-wrapper a {
	color: black;
	text-decoration: none;
}

.editor-styles-wrapper a:hover,
.editor-styles-wrapper a:focus,
.editor-styles-wrapper a:active {
	color: midnightblue;
}

.editor-styles-wrapper ul,
.editor-styles-wrapper ol {
	color: #8892A4;
}

.editor-styles-wrapper blockquote {
	margin: 0 0 32px;
	padding: 4px 0 4px 20px;
	border-left: 3px solid #5B4FE8;
	color: #0F1729;
}

.editor-styles-wrapper blockquote p {
	font-size: 1.05rem;
	font-style: italic;
	line-height: 1.6;
}

.editor-styles-wrapper blockquote cite {
	display: block;
	font-size: 0.85rem;
	font-style: normal;
	color: #8892A4;
}

.editor-styles-wrapper .wp-block-button__link {
	background-color: var(--color-primary);
	font-size: 1em;
	border-radius: 8px;
}