:root {
	--bs-body-font-family: "Lexend", sans-serif;
	--bs-body-bg: #000a12;
	--bs-body-color: #fff;
}

.navbar {
	--bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.95);
	--bs-navbar-toggler-padding-y: 0.5rem;
	--bs-navbar-toggler-padding-x: 0.5rem;
}

.navbar-toggler {
	border: none;
}

.offcanvas,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm,
.offcanvas-xl,
.offcanvas-xxl {
	--bs-offcanvas-padding-x: 1.5rem;
	--bs-offcanvas-padding-y: 1rem;
	--bs-offcanvas-width: 320px;
	--bs-offcanvas-bg: transparent;
	backdrop-filter: blur(4px);
}

.offcanvas-header {
	padding-top: 3rem;
}

.btn-close {
	width: 2em;
	height: 2em;
	background: transparent var(--bs-btn-close-bg) center / 1.5em auto no-repeat;
}

.btn {
	--bs-btn-font-family: Inter, sans-serif;
	--bs-btn-font-size: 18px;
	--bs-btn-font-weight: 700;
	--bs-btn-color: #000;
	--bs-btn-border-width: 0;
	--bs-btn-border-radius: 8px;
	--bs-btn-padding-x: 24px;
	--bs-btn-padding-y: 16px;
}

.btn-gradient {
	background: linear-gradient(
		136deg,
		#9a7139 0%,
		#f7d674 57.5%,
		#9c713a 100%
	);
}

.btn-gradient:hover {
	background: linear-gradient(
		136deg,
		#f7d674 0%,
		#9c713a 57.5%,
		#f7d674 100%
	);
}