:root {

	--c-bg: #1b1b1f;
	--c-bg-light: #202127;
	--c-title: #dfdfd6;
	--c-text: #98989f;

	--c-brand-1: #2682ea;
	--c-brand-2: #38b5f8;
	--c-brand-3: #9569e9;

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

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

}

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