body {
	font-family: var(--wbp-font-body);
	font-weight: var(--wbp-font-weight-body);
	color: var(--wbp-text);
	background: var(--wbp-cream);
	line-height: var(--wbp-line-height-body);
}

h1,
h2,
h3 {
	font-family: var(--wbp-font-heading);
	font-weight: 900;
	line-height: var(--wbp-line-height-heading);
	letter-spacing: var(--wbp-letter-spacing-heading);
	color: var(--wbp-green-deep);
}

h4,
.wbp-heading-serif {
	font-family: var(--wbp-font-heading);
	font-weight: var(--wbp-font-weight-heading);
	line-height: var(--wbp-line-height-heading);
	letter-spacing: var(--wbp-letter-spacing-heading);
	color: var(--wbp-green-deep);
}

.wbp-logo,
.wbp-nav .menu > .menu-item > a,
.wbp-bottom-nav__item,
.wbp-card__title,
.wbp-producer-card__title,
.wbp-product-card__title,
.wbp-category-card__title {
	font-family: var(--wbp-font-heading);
	font-weight: var(--wbp-font-weight-heading);
}

.wbp-text-accent-red {
	color: var(--wbp-red-accent);
}