/*! Blue Note Pros brand fonts — Config Condensed (local) + Bungee/Roboto (Google Fonts) */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bungee&display=swap');

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-Regular.otf') format('opentype');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-Medium.otf') format('opentype');
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-SemiBold.otf') format('opentype');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-Bold.otf') format('opentype');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-ExtraBold.otf') format('opentype');
	font-weight: 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Config Condensed';
	src: url('../fonts/ConfigCondensed-Black.otf') format('opentype');
	font-weight: 900;
	font-style: normal;
	font-display: swap;
}

:root {
	--bnp-white: #FFFFFF;
	--bnp-black: #000000;
	--bnp-cyan: #007C94;
	--bnp-dark-blue: #052444;
	--bnp-light-blue: #73D1DD;
	--bnp-dark-grey: #515151;
	--bnp-font-config: 'Config Condensed', sans-serif;
	--bnp-font-roboto: "Roboto", sans-serif;
	--bnp-font-bungee: "Bungee", sans-serif;
	--bnp-font-impact: Impact, Haettenschweiler, "Arial Narrow Bold", "Arial Black", sans-serif;
	--bnp-container-pad: clamp(16px, 3vw, 34px);
}