:root {
	--rem-base:10px;
	--base-font-size:16px;
	--base-line-height:1.6;
	--vertical-rhythm:calc(var(--base-line-height) * 1em);
	--brand-color:#637b8c;
	--brand-color-dark:#43545f;
	--brand-color-light:#8da1ae;
	--accent-color:#525a29;
	--accent-color-dark:#232613;
	--accent-color-light:#232613;
	--base-text-color:#333;
	--base-link-color:var(--brand-color);
	--h1-h6-color:var(--base-text-color);
	--animation-duration:.3s;
	--animation-timing-function:ease;
	--gutter:16px;
	--input-color:#666;
	--input-placeholder-color:#666;
	--input-bg-color:#fff;
	--input-radius:0;
	--input-border-color:#e4e4e4;
	--input-focus-border-color:#c3c3c3;
	--form-theme-color:#637b8c;
	--checkbox-size:18px;
	--radio-size:18px;
	--label-fz:14px;
	--label-color:var(--base-text-color);
	--error-color:#e04562;
	--error-bg-color:#fadee3;
	--form-col-gutter:15px;
	--form-row-margin:22.5px;
	--h1:4rem;
	--h2:2.8rem;
	--h3:2.4rem;
	--h4:20px;
	--h5:18px;
	--h6:16px;
	--btn-y:16px;
	--btn-x:24px;
	--btn-b:1px;
	--btn-r:5px;
	--btn-fz:16px;
	--btn-sm-y:11px;
	--btn-sm-x:16px;
	--btn-sm-b:1px;
	--btn-sm-r:5px;
	--btn-sm-fz:14px;
	--btn-xs-y:8px;
	--btn-xs-x:12px;
	--btn-xs-b:1px;
	--btn-xs-r:5px;
	--btn-xs-fz:12px;
}

@media (min-width:812px) and (max-height:414px) and (orientation:landscape) {
	:root {
		--gutter:50px;
	}
}

@media (max-width:768px) {
	:root {
		--h1:28px;
		--h2:23px;
		--h3:24px;
		--h4:20px;
		--h5:18px;
		--h6:16px;
	}
}

@media (max-width:667px) {
	:root {
		--btn-y:16px;
		--btn-x:24px;
		--btn-b:1px;
		--btn-r:5px;
		--btn-fz:16px;
		--btn-sm-y:11px;
		--btn-sm-x:16px;
		--btn-sm-b:1px;
		--btn-sm-r:5px;
		--btn-sm-fz:12px;
		--btn-xs-y:8px;
		--btn-xs-x:12px;
		--btn-xs-b:1px;
		--btn-xs-r:5px;
		--btn-xs-fz:12px;
	}
}