h1,
h2,
h3,
h4,
h5,
h6 {
	--font-family: var(--heading-1-primary-small-bold-family);
	--font-size: var(--heading-1-primary-small-bold-size-rem);
	--font-style: var(--heading-1-primary-small-bold-style);
	--font-weight: var(--heading-1-primary-small-bold-weight);
	--line-height: var(--heading-1-primary-small-bold-line-height-rem);
	& strong,
    & b {
		--font-weight: var(--heading-1-primary-small-bold-weight);
    }

	@media (min-width: 431px) {
		--font-family: var(--heading-1-primary-large-bold-family);
		--font-size: var(--heading-1-primary-large-bold-size-rem);
		--font-style: var(--heading-1-primary-large-bold-style);
		--font-weight: var(--heading-1-primary-large-bold-weight);
		--line-height: var(--heading-1-primary-large-bold-line-height-rem);


		& strong,
		& b {
			--font-weight: var(--haeding-1-primary-large-bold-weight);
		}

    }
}

p {
	--block-gap: 1.5rem;
}
nav {
	--font-family: var(--label-2-secondary-large-regular-family);
	--font-size: var(--label-2-secondary-large-regular-size-rem);
	--font-style: var(--label-2-secondary-large-regular-style);
	--font-weight: var(--label-2-secondary-large-regular-weight);
	--line-height: var(--label-2-secondary-large-regular-line-height-rem);
	/* Label 2/Large/: Bold */
	font-family: var(--label-2-secondary-large-regular-family);
	font-size: var(--label-2-secondary-large-regular-size-rem);
	font-style: var(--label-2-secondary-large-regular-style);
	font-weight: var(--label-2-secondary-large-regular-weight);
	line-height: var(--label-2-secondary-large-regular-line-height-rem);

	& strong,
    & b {
		--font-weight: var(--label-2-secondary-large-bold-weight);
        font-weight: var(--label-2-secondary-large-bold-weight);
    }

}

input:not(.hs-button), select, textarea {
	background-color: var(--background);
	color: var(--on-background);
	border-bottom-color: var(--on-background);
	border-top-color: var(--on-background);
	border-left-color: var(--on-background);
	border-right-color: var(--on-background);
	border-right-width: 1px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	padding-left: 0.75rem;
	padding-right: 0.75rem;
	padding-top: 0.75rem;
	padding-bottom: 0.75rem;
	width: 100%;
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;

	&::placeholder {
		color: var(--on-background);
	}
}