/* ncKraft engineering palette. Block layout remains controlled in the editor. */
:root {
	--nk-carbon: #1a1e20;
	--nk-carbon-deep: #101416;
	--nk-graphite: #4a5154;
	--nk-aluminum: #e3e6e5;
	--nk-aluminum-bright: #f7f8f7;
	--nk-aluminum-mid: #c5cac9;
	--nk-steel: #90999b;
	--nk-brass: #b08d57;
	--nk-brass-dark: #8a6a3e;
	--nk-circuit: #3b8c82;
	--nk-bg: var(--nk-carbon-deep);
	--nk-surface: var(--nk-carbon);
	--nk-surface-2: #252b2d;
	--nk-line: rgba(197, 202, 201, .24);
	--nk-text: var(--nk-aluminum-bright);
	--nk-muted: #aeb5b5;
	--nk-mint: var(--nk-brass);
	--nk-copper: #a76543;
}

body {
	background: var(--nk-aluminum-bright);
	color: var(--nk-graphite);
}

a { text-underline-offset: .16em; }

:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--nk-circuit);
	outline-offset: 2px;
}

.site-primary-header-wrap,
.ast-primary-header-bar {
	background: var(--nk-carbon);
	border-color: rgba(197, 202, 201, .2);
}

.ast-builder-menu-1 .menu-item > .menu-link,
.ast-header-account-wrap .ast-header-account-text,
.ast-site-header-cart .ast-woo-header-cart-info-wrap,
.ast-site-header-cart .ast-addon-cart-wrap {
	color: var(--nk-aluminum);
}

.ast-builder-menu-1 .menu-item:hover > .menu-link,
.ast-builder-menu-1 .current-menu-item > .menu-link,
.ast-builder-menu-1 .current_page_item > .menu-link {
	color: var(--nk-brass);
}

.ast-mobile-header-wrap .ast-button-wrap .menu-toggle.main-header-menu-toggle {
	color: var(--nk-aluminum);
}

.site-footer,
.site-primary-footer-wrap,
.site-below-footer-wrap {
	background: var(--nk-carbon-deep);
	color: var(--nk-aluminum-mid);
}

.site-footer a { color: var(--nk-brass); }

.wp-element-button,
.wp-block-button__link,
.ast-button,
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border-radius: 3px;
}

.wp-element-button,
.wp-block-button__link,
.ast-button,
input[type="submit"] {
	border-color: var(--nk-brass);
	background: var(--nk-brass);
	color: var(--nk-carbon-deep);
}

.wp-element-button:hover,
.wp-block-button__link:hover,
.ast-button:hover,
input[type="submit"]:hover {
	border-color: var(--nk-brass-dark);
	background: var(--nk-brass-dark);
	color: var(--nk-aluminum-bright);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]),
select,
textarea {
	border-color: var(--nk-aluminum-mid);
	border-radius: 3px;
	background: var(--nk-aluminum-bright);
	color: var(--nk-carbon);
}

input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):focus,
select:focus,
textarea:focus {
	border-color: var(--nk-circuit);
	box-shadow: 0 0 0 1px var(--nk-circuit);
}

::selection {
	background: var(--nk-brass);
	color: var(--nk-carbon-deep);
}