:root {
	--bm-ink: #1e1811;
	--bm-black: #1e1811;
	--bm-text: #333333;
	--bm-muted: #6b6b6b;
	--bm-white: #ffffff;
	--bm-paper: #f7f7f7;
	--bm-soft: #f4f4f4;
	--bm-line: rgba(30, 24, 17, 0.12);
	--bm-line-strong: rgba(30, 24, 17, 0.22);
	--bm-radius: 3px;
	--bm-radius-card: 8px;
	--bm-radius-tab: 9px;
	--bm-radius-pill: 999px;
	--bm-shadow: 0 0 13px -7px rgba(0, 0, 0, 0.5);
	--bm-shadow-soft: 0 8px 24px rgba(30, 24, 17, 0.08);
	--bm-duration: 0.35s;
	--bm-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--bm-utility-h: 0px;
	--bm-header-h: 56px;
	--bm-container: 1320px;
	--bm-gutter: clamp(1rem, 3.2vw, 1.75rem);
	--bm-display: "Poppins", system-ui, sans-serif;
	--bm-body: "Poppins", system-ui, sans-serif;
	--bm-fs-hero: clamp(1.35rem, 3.8vw, 2.15rem);
	--bm-fs-2xl: clamp(1.2rem, 2.6vw, 1.75rem);
	--bm-fs-xl: clamp(1.05rem, 1.8vw, 1.35rem);
	--bm-fs-lg: clamp(0.98rem, 1.1vw, 1.05rem);
	--bm-fs-base: clamp(0.9rem, 0.25vw + 0.85rem, 0.95rem);
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins-400.woff2") format("woff2");
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: "Poppins";
	src: url("../fonts/poppins-500.woff2") format("woff2");
	font-weight: 500;
	font-style: normal;
	font-display: swap;
}

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

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

@media (max-width: 768px) {
	:root {
		--bm-header-h: 48px;
	}
}