@font-face {
	font-family: "Opificio Neue";
	src: url("../fonts/opificio-neue/Opificio_neue-regular.ttf") format("truetype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "TT Chocolates";
	src: url("../fonts/tt-chocolates/TT-Chocolates-Regular.otf") format("opentype");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "TT Chocolates";
	src: url("../fonts/tt-chocolates/TT-Chocolates-Medium.otf") format("opentype");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}

@font-face {
	font-family: "Lora Custom";
	src: url("../fonts/lora/Lora-Italic.woff2") format("woff2"),
		url("../fonts/lora/Lora-Italic.woff") format("woff");
	font-style: italic;
	font-weight: 400;
	font-display: swap;
}

:root {
	--font-primary: "Opificio Neue", "Poppins", sans-serif;
	--font-secondary: "TT Chocolates", sans-serif;
	--font-emphasis: "Lora Custom", serif;
	--font-secondary-tracking: 0.03em;
	--font-secondary-tracking-uppercase: 0.06em;
}

body,
button,
input,
select,
textarea {
	font-family: var(--font-primary);
}

h1,
h2,
h3,
h4,
h5,
h6,
.vc_custom_heading,
.entry-title,
.page-title,
.woocommerce div.product .product_title,
.woocommerce-loop-product__title,
.widget-title,
.woocommerce-page-header a,
.sober-modal .modal-header h4,
.tabs-nav,
.sober-tab__title a {
	font-family: var(--font-secondary);
	font-weight: 400;
	letter-spacing: var(--font-secondary-tracking);
}

/* Medium + uppercase style for title/subtitle contexts. */
.ttc-uppercase,
.is-uppercase-title,
.heading-uppercase,
.subtitle-uppercase,
.section-title-uppercase,
.site-header .menu > li > a,
.topbar-menu > li > a,
.sober-button,
.button,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button,
.woocommerce #respond input#submit {
	font-family: var(--font-secondary);
	font-weight: 500;
	text-transform: uppercase;
	letter-spacing: var(--font-secondary-tracking-uppercase);
}

/* Emphasis words inside titles. */
h1 em,
h2 em,
h3 em,
h4 em,
h5 em,
h6 em,
.entry-title em,
.page-title em,
.woocommerce div.product .product_title em,
.lora-emphasis,
.title-emphasis,
.is-title-emphasis {
	font-family: var(--font-emphasis);
	font-style: italic;
	font-weight: 400;
	text-transform: none;
	letter-spacing: 0;
}

/* Keep body text as primary typography in common content areas. */
.entry-content,
.entry-content p,
.entry-content li,
.wpb_text_column p,
.wpb_text_column li,
.woocommerce ul.products li.product .price,
.woocommerce .woocommerce-product-details__short-description,
.woocommerce-cart table.cart td,
.woocommerce-checkout form .form-row label,
.woocommerce-checkout form .form-row input,
.woocommerce-checkout form .form-row textarea {
	font-family: var(--font-primary);
}