:root {
	--bl-bg:          #0c0c0d;
	--bl-bg-2:        #151516;
	--bl-bg-3:        #1f1e1c;
	--bl-fg:          #f5f1e8;
	--bl-fg-2:        #ded7ca;
	--bl-muted:       #948f84;
	--bl-accent:      #f08a24;
	--bl-accent-fg:   #0b0b0c;
	--bl-surface:     #f3efe6;
	--bl-surface-2:   #e7e0d3;

	--bl-display: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
	--bl-body:    "Work Sans", "Helvetica Neue", Arial, sans-serif;
	--bl-mono:    "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

	--bl-container: 1400px;
	--bl-pad: clamp(16px, 2.4vw, 40px);
}

body,
body.woocommerce {
	background: var(--bl-bg);
	color: var(--bl-fg);
	font-family: var(--bl-body);
	-webkit-font-smoothing: antialiased;
}

a { color: var(--bl-fg); }
a:hover { color: var(--bl-accent); }

h1, h2, h3,
.entry-title,
.woocommerce-loop-product__title,
.product_title {
	font-family: var(--bl-display);
	text-transform: uppercase;
	letter-spacing: 0.01em;
	color: var(--bl-fg);
	line-height: 0.95;
}

h1, .entry-title { font-size: clamp(40px, 7vw, 96px); }
h2 { font-size: clamp(28px, 4vw, 48px); }
h3 { font-size: clamp(20px, 2.5vw, 28px); }

.bl-eyebrow,
.woocommerce-breadcrumb,
.site-navigation a,
.ast-menu-toggle {
	font-family: var(--bl-mono);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 11px;
}

.ast-primary-header,
.main-header-bar,
#masthead {
	background: var(--bl-bg) !important;
	border-bottom: 1px solid var(--bl-bg-3);
}

.site-title,
.ast-site-title a {
	font-family: var(--bl-display);
	color: var(--bl-fg) !important;
	letter-spacing: 0.02em;
	text-transform: uppercase;
}

.main-header-menu .menu-item > a,
.main-header-bar-navigation a {
	color: var(--bl-fg-2) !important;
	font-family: var(--bl-mono);
	font-size: 11px;
	letter-spacing: 0.1em;
	text-transform: uppercase;
}
.main-header-menu .menu-item > a:hover {
	color: var(--bl-accent) !important;
}

.ast-header-search svg,
.ast-icon svg,
.astra-cart-drawer-icon svg {
	fill: var(--bl-fg);
}

.button,
button,
input[type="submit"],
.wp-block-button__link,
a.button,
.single_add_to_cart_button,
.checkout-button {
	background: var(--bl-accent) !important;
	color: var(--bl-accent-fg) !important;
	border: none !important;
	border-radius: 2px;
	font-family: var(--bl-mono) !important;
	font-size: 11px !important;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 14px 22px !important;
	transition: opacity 0.15s ease;
}
.button:hover,
button:hover,
.single_add_to_cart_button:hover {
	opacity: 0.85;
	color: var(--bl-accent-fg) !important;
}

.button.ast-outline-button {
	background: transparent !important;
	color: var(--bl-fg) !important;
	border: 1px solid var(--bl-fg-2) !important;
}

.bl-ticker {
	background: var(--bl-accent);
	color: var(--bl-accent-fg);
	font-family: var(--bl-mono);
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 10px 0;
	overflow: hidden;
	white-space: nowrap;
}

.woocommerce ul.products li.product,
.wc-block-grid__product {
	background: transparent;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
	font-size: 18px;
	margin-top: 12px;
}

.woocommerce ul.products li.product .price {
	font-family: var(--bl-mono);
	color: var(--bl-accent);
}

.woocommerce div.product p.price,
.woocommerce div.product span.price {
	color: var(--bl-accent);
	font-family: var(--bl-mono);
}

.woocommerce ul.products li.product a img,
.woocommerce div.product div.images {
	background: var(--bl-surface);
	border-radius: 2px;
}

#colophon,
.ast-footer-overlay {
	background: var(--bl-bg-2) !important;
	color: var(--bl-fg-2);
	border-top: 1px solid var(--bl-bg-3);
}

#colophon a { color: var(--bl-fg-2); }
#colophon a:hover { color: var(--bl-accent); }

#colophon .widget-title,
#colophon h2 {
	font-family: var(--bl-mono);
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font-size: 12px;
	color: var(--bl-fg);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
select,
textarea {
	background: var(--bl-bg-2);
	border: 1px solid var(--bl-bg-3);
	color: var(--bl-fg);
	border-radius: 2px;
}
input::placeholder,
textarea::placeholder {
	color: var(--bl-muted);
}