/* ============================================================
   BASE (fonts, tokens, reset)
   Split out of style.css — see functions.php for the enqueue.
   ============================================================ */

@font-face {
    font-family: 'Murs Gothic';
    src: url('../fonts/MursGothic-WideDark.woff2') format('woff2'),
        url('../fonts/MursGothic-WideDark.woff') format('woff');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: url('../fonts/Inter-VariableFont_opsz,wght.woff2') format('woff2-variations');
	font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

/* ---------- Tokens ---------- */

:root {
	--cream: #efe6dd;
	--cream-dark: #e7dbd1;
	--chocolate: #4a2f22;
	--mocha: #7b5b45;
	--espresso: #2e1d13;
	--black: #0b090c;

	--latte: #b59c88;
	--chocolate-light: #5d4133;

	--overlay: rgba(26, 22, 21, 0.72);
	--overlay-soft: rgba(26, 22, 21, 0.48);
	--panel: rgba(42, 25, 17, 0.64);

	--font-display: "Murs Gothic", "Arial Black", sans-serif;
	--font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;

	--ease: cubic-bezier(0.4, 0, 0.2, 1);
}

/* ---------- Reset ---------- */

body {
    font-family: 'Inter', sans-serif;
}

ul {
	list-style: none !important;
}

.vc_row.wpb_row.vc_row-fluid {
	display: flex;
	flex-direction: column;
}

/* ---------- Border Block ---------- */

.border-block {
	position: relative;
	border-left: 1px dashed rgba(255, 255, 255, 0.10);
	border-right: 1px dashed rgba(255, 255, 255, 0.10);
}
.border-block::before,
.border-block::after {
	content: "";
	display: block;
	position: absolute;
	border-left: 1px dashed rgba(255, 255, 255, 0.10);
	pointer-events: none;
	top: 0;
	transform: translateY(-100%);
	width: 0;
	height: 30px;
}
.border-block::before {
	right: -1px;
}
.border-block::after {
	left: -1px;
}