/* Typography design tokens used across theme and Gutenberg utility classes. */
:root {
	/* Heading tokens */
	--h1-font: normal 400 clamp(30px, 3.5vw, 60px) / 1.4 "ct_font_k_g__happy",
		Sans-Serif;
	--h2-font: normal 400 clamp(24px, 3vw, 40px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;
	--h3-font: normal 400 clamp(24px, 2vw, 28px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;
	--h4-font: normal 400 clamp(20px, 2vw, 24px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;
	--h5-font: normal 400 clamp(18px, 1.5vw, 20px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;
	--h6-font: normal 700 clamp(16px, 1.2vw, 20px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;

	/* Regular text tokens */
	--tiny-text: normal 500 clamp(14px, 1.5vw, 16px) / 1.5 Poppins, Sans-Serif;
	--tiny-text-regular: normal 400 clamp(14px, 1.5vw, 16px) / 1.5 Poppins,
		Sans-Serif;
	--small-text: normal 500 clamp(16px, 1.5vw, 18px) / 1.5 Poppins, Sans-Serif;
	--small-text-regular: normal 400 clamp(16px, 1.5vw, 18px) / 1.5 Poppins,
		Sans-Serif;
	--tiny-text-custom-font: normal 400 clamp(12px, 1.2vw, 16px) / 1.5 "ct_font_k_g__happy",
		Sans-Serif;
	--header-text: normal 400 16px/1.3 "ct_font_k_g__happy", Sans-Serif;
}

/* Utility classes for applying heading visuals independently from semantic heading level. */
.heading-style-1 .stk-block-heading__text {
	font: var(--h1-font);
}

.heading-style-2 .stk-block-heading__text {
	font: var(--h2-font);
}

.heading-style-3 .stk-block-heading__text {
	font: var(--h3-font);
}

.heading-style-4 .stk-block-heading__text {
	font: var(--h4-font);
}

.heading-style-5 .stk-block-heading__text {
	font: var(--h5-font);
}

.heading-style-6 .stk-block-heading__text {
	font: var(--h6-font);
}