:root {
	--font-heading: "Elms Sans", sans-serif;
	--font-body: "Nunito Sans", sans-serif;

	--h1-size: 48px;
	--h1-line-height: 1.2;
	--h1-weight: 600;

	--h2-size: 32px;
	--h2-line-height: 1.6;
	--h2-weight: 600;

	--h3-size: 24px;
	--h3-line-height: 1.6;
	--h3-weight: 600;

	--body-size: 18px;
	--body-line-height: 1.6;
	--body-weight: 400;

	--body-bold-weight: 700;

	--small-size: 16px;
	--small-line-height: 1.6;

	--summary-heading-size: 32px;
	--summary-heading-line-height: 1.6;
	--summary-heading-weight: 800;

	--summary-body-size: 20px;
	--summary-body-line-height: 2.4;
}

body {
	font-family: var(--font-body);
	font-size: var(--body-size);
	font-weight: var(--body-weight);
	line-height: var(--body-line-height);
}

h1,
h1.fl-post-title {
	font-family: var(--font-heading);
	font-size: var(--h1-size);
	font-weight: var(--h1-weight);
	line-height: var(--h1-line-height);
}

h2 {
	font-family: var(--font-heading);
	font-size: var(--h2-size);
	font-weight: var(--h2-weight);
	line-height: var(--h2-line-height);
}

h3 {
	font-family: var(--font-heading);
	font-size: var(--h3-size);
	font-weight: var(--h3-weight);
	line-height: var(--h3-line-height);
}

h4,
h5,
h6 {
	font-family: var(--font-heading);
	font-weight: var(--h3-weight);
}

p,
li {
	font-family: var(--font-body);
	font-size: var(--body-size);
	line-height: var(--body-line-height);
}

strong,
b {
	font-weight: var(--body-bold-weight);
}

small {
	font-family: var(--font-body);
	font-size: var(--small-size);
	line-height: var(--small-line-height);
}

.wp-block-yoast-seo-ai-summarize :is(h2, h3, h4, h5, h6) {
	font-family: var(--font-heading);
	font-weight: var(--summary-heading-weight);
	font-size: var(--summary-heading-size);
	line-height: var(--summary-heading-line-height);
}

.wp-block-yoast-seo-ai-summarize :is(p, li) {
	font-family: var(--font-body);
	font-size: var(--summary-body-size);
	line-height: var(--summary-body-line-height);
}