:root {
	--dg-ink: #10211e;
	--dg-ink-soft: #566a64;
	--dg-green: #0e352f;
	--dg-green-2: #17615b;
	--dg-teal: #407878;
	--dg-teal-soft: #8fb8b3;
	--dg-lime: #ddfb45;
	--dg-bronze: #a87543;
	--dg-blue: #c8d8e0;
	--dg-paper: #f0f0e8;
	--dg-soft: #e9eee7;
	--dg-mist: #cbd5e1;
	--dg-ivory: #fbfaf6;
	--dg-hero-top: #1c615d;
	--dg-hero-mid: #6d9a96;
	--dg-hero-bottom: #d9ebe4;
	--dg-white: #ffffff;
	--dg-line: rgba(16, 33, 30, 0.12);
	--dg-line-light: rgba(255, 255, 255, 0.14);
	--dg-shadow: 0 34px 90px rgba(16, 33, 30, 0.16);
	--dg-shadow-soft: 0 20px 54px rgba(16, 33, 30, 0.09);
	--dg-radius-sm: 14px;
	--dg-radius: 26px;
	--dg-radius-lg: 42px;
	--dg-shell: min(1280px, calc(100vw - 44px));
	--dg-admin-offset: 0px;
	--dg-ease: cubic-bezier(0.2, 0.8, 0.2, 1);
}

body.admin-bar {
	--dg-admin-offset: 32px;
}

@media (max-width: 782px) {
	body.admin-bar {
		--dg-admin-offset: 46px;
	}
}