:root {
	--font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, sans-serif;
	--font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--ink: #0f1117;
	--text: #4b5563;
	--muted: #6b7280;
	--accent: #2f6fe4;
	--accent-dark: #1d55c2;
	--accent-tint: #e8f0fd;
	--accent-wash: #f6f9ff;
	--verified-bg: #e6f6ee;
	--verified-fg: #1e7a4d;
	--border: #e2e5ea;
	--divider: #eceef2;
	--surface-2: #f3f4f7;
	--surface-3: #fafbfc;

	--radius: 16px;
	--radius-sm: 12px;
	--radius-xs: 10px;
	--shadow-soft: 0 12px 32px rgba(15, 17, 23, .06);
	--container: 1280px;
	--gutter: 48px;
	--header-height: 72px;

	--space-1: 4px;
	--space-2: 8px;
	--space-3: 12px;
	--space-4: 16px;
	--space-5: 24px;
	--space-6: 32px;
	--space-7: 48px;
	--space-8: 72px;

	--type-h1-size: 40px;
	--type-h1-lh: 44px;
	--type-h2-size: 32px;
	--type-h2-lh: 38px;
	--type-guide-h2-size: 24px;
	--type-guide-h2-lh: 30px;
	--type-h3-size: 20px;
	--type-h3-lh: 26px;
	--type-row-size: 18px;
	--type-row-lh: 24px;
	--type-deck-size: 17px;
	--type-deck-lh: 26px;
	--type-article-size: 17px;
	--type-article-lh: 28px;
	--type-body-size: 15px;
	--type-body-lh: 23px;
	--type-ui-size: 14px;
	--type-ui-lh: 20px;
	--type-meta-size: 13px;
	--type-meta-lh: 18px;
	--type-chip-size: 12px;
	--type-chip-lh: 16px;
	--type-eyebrow-size: 12px;
	--type-eyebrow-lh: 16px;
}

@media (min-width: 1440px) {
	:root { --gutter: 80px; }
}

@media (max-width: 767px) {
	:root {
		--gutter: 20px;
		--type-h1-size: 28px;
		--type-h1-lh: 32px;
	}
}