:root {

	--c-bg: #241916;
	--c-bg-light: #31221e;
	--c-border: #3d2a25;
	--c-title: #ffece4;
	--c-text: #d3a69b;

	--c-brand-1: #f6a856ff;
	--c-brand-2: #f46a37ff;
	--c-brand-3: #f43f23ff;

	--shade-gradient: linear-gradient( 120deg, var(--c-brand-1) 20%, var(--c-brand-2), var(--c-brand-3) 80% );
	--gradient: linear-gradient( 120deg, var(--c-brand-1) 10%, var(--c-brand-2), var(--c-brand-3) );
	--shadow: 0 3px 7px #0004;

	--site-width: 1250px;
	--site-padding: 50px;

}

@media (max-width: 700px) {
	:root {
		--site-padding: 20px;
	}
}

.btn {
	--c-bg: #412d28;
	--c-border: #4f3731;
	--c-bg-hover: #543a34;
	--c-border-hover: #5d4039;
	&.btn-primary {
		--c-bg: #BA4225;
		--c-border: #D84C2A;
		--c-bg-hover: #D84C2A;
		--c-border-hover: #F46C4B;
	}
}