/**
 * Shared BookingBee theme fonts + stacks (home, integrations, and all other pages).
 * ExtraBold is local Gilroy ExtraBold; if that is not installed, Urbanist 800 is used
 * (same as bookingbee-redesign.css).
 */

@font-face {
	font-family: "BB Gilroy";
	src: local("Gilroy-ExtraBold"), local("Gilroy ExtraBold");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Gilroy-ExtraBold";
	src: local("Gilroy-ExtraBold"), local("Gilroy ExtraBold");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Urbanist;
	src: url("../public/fonts/urbanist-latin-600-normal.woff2") format("woff2");
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Urbanist;
	src: url("../public/fonts/urbanist-latin-700-normal.woff2") format("woff2");
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Urbanist;
	src: url("../public/fonts/urbanist-latin-800-normal.woff2") format("woff2");
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: Urbanist;
	src: url("../public/fonts/urbanist-latin-900-normal.woff2") format("woff2");
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--f-xbold: "BB Gilroy", "Gilroy-ExtraBold", "Gilroy", "Urbanist", system-ui, sans-serif;
	--f-black: "BB Gilroy", "Gilroy-Black", "Gilroy", "Urbanist", system-ui, sans-serif;
	--f-bold: "BB Gilroy", "Gilroy-Bold", "Gilroy", "Urbanist", system-ui, sans-serif;
	--f-semi: "BB Gilroy", "Gilroy-SemiBold", "Gilroy", "Urbanist", system-ui, sans-serif;
	--ts-h1: 800 64px / 1.06 var(--f-xbold);
	--ts-h1-ls: -1.92px;
}

h1,
.h1 {
	font-family: var(--f-xbold);
	font-weight: 800;
	font-synthesis: none;
}