/* Art Direction 3.1 brand fonts — add webfont files to themes/bbt/assets/fonts/ */

@font-face {
	font-family: 'bn-boop';
	src:
		url('../fonts/bnboop-webfont.woff2') format('woff2'),
		url('../fonts/bnboop-webfont.woff') format('woff');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'bn-tillsdale';
	src:
		url('../fonts/bntillsdale-bold-webfont.woff2') format('woff2'),
		url('../fonts/bntillsdale-bold-webfont.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'real-text-pro';
	src:
		url('../fonts/real-text-pro-demibold.woff2') format('woff2'),
		url('../fonts/real-text-pro-demibold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'real-text-pro';
	src:
		url('../fonts/real-text-pro-bold.woff2') format('woff2'),
		url('../fonts/real-text-pro-bold.woff') format('woff');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--bbt-font-display: 'bn-boop', 'roc-grotesk-wide', 'roc-grotesk', sans-serif;
	--bbt-font-body: 'real-text-pro', 'roc-grotesk', sans-serif;
	--bbt-font-body-bold: 'real-text-pro', 'roc-grotesk', sans-serif;
	--bbt-font-label: 'bn-tillsdale', 'roc-grotesk-wide', 'roc-grotesk', sans-serif;
	--bbt-font-decorative: 'Bebas Neue', 'roc-grotesk-wide', 'roc-grotesk', sans-serif;
	--bbt-display-weight: 700;
	--bbt-display-tracking: 0.02em;
}

html.bbt-fonts--bn-boop-loaded {
	--bbt-display-weight: 400;
	--bbt-display-tracking: normal;
}