:root {
	--color-bg: #05090a;
	--color-panel: #171b1d;
	--color-panel-2: #202426;
	--color-accent: #98cf2f;
	--color-accent-bright: #b5ef42;
	--color-white: #ffffff;
	--color-text: #ffffff;
	--color-text-soft: rgba(255, 255, 255, 0.72);
	--color-line: rgba(255, 255, 255, 0.11);

	--font-body: "Manrope", Arial, sans-serif;
	--font-heading: "Montserrat", Arial, sans-serif;

	--container-width: 1580rem;
	--page-gutter: 170rem;
	--radius-sm: 8rem;
	--radius-md: 14rem;
	--radius-lg: 22rem;
	--transition: 180ms ease;
}

@media (max-width: 1600px) {
	:root { --page-gutter: 70rem; }
}

@media (max-width: 1180px) {
	:root { --page-gutter: 32rem; }
}

@media (max-width: 767px) {
	:root {
		--page-gutter: 20rem;
		--radius-lg: 16rem;
	}
}