:root {
	--xg-blue: #115df6;
	--xg-deep-blue: #0a2d84;
	--xg-teal: #0b8d96;
	--xg-lime: #84d400;
	--xg-coral: #f47a3c;
	--xg-coral-hover: #dc5c22;
	--xg-navy: #0f2a4a;
	--xg-ink: #182333;
	--xg-muted: #4a5568;
	--xg-line: #dde2e8;
	--xg-white: #fff;
	--xg-canvas: #f8f5fc;
	--xg-sky: #eef5ff;
	--xg-aqua: #eaf8f7;
	--xg-peach: #fff0e8;
	--xg-danger: #b42318;
	--xg-font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	--xg-shell: min(76rem, calc(100% - 3rem));
	--xg-reading: 45rem;
	--xg-radius-sm: 0.55rem;
	--xg-radius: 1rem;
	--xg-radius-lg: 1.75rem;
	--xg-shadow: 0 1px 2px rgb(15 42 74 / 6%), 0 18px 46px rgb(15 42 74 / 9%);
	--xg-display: clamp(2.75rem, 2rem + 3.2vw, 5.85rem);
	--xg-h2: clamp(2rem, 1.55rem + 1.6vw, 3.45rem);
	--xg-h3: clamp(1.25rem, 1.1rem + 0.55vw, 1.7rem);
	--xg-header-logo-width: 12.5rem;
	--xg-mobile-logo-width: 10.25rem;
	--xg-footer-logo-width: 12.5rem;
	--xg-button-radius: 0.7rem;
	--xg-body: clamp(1rem, 0.97rem + 0.14vw, 1.08rem);
	--xg-space-1: 0.5rem;
	--xg-space-2: 0.75rem;
	--xg-space-3: 1rem;
	--xg-space-4: 1.5rem;
	--xg-space-5: 2rem;
	--xg-space-6: 3rem;
	--xg-space-7: 4.5rem;
	--xg-space-8: 7rem;
}

@media (max-width: 600px) {
	:root {
		--xg-shell: min(100% - 2rem, 76rem);
	}
}