:root {
	--delta-red: #d20a0a;
	--delta-red-hover: #b80808;
	--delta-red-dark: #950707;
	--delta-black: #0a0a0b;
	--delta-ink: #111214;
	--delta-charcoal: #171719;
	--delta-surface: #151517;
	--delta-field: #1c1d20;
	--delta-line-dark: #303136;
	--delta-white: #ffffff;
	--delta-off-white: #f6f7f8;
	--delta-light-gray: #f0f1f3;
	--delta-zebra: #f8f9fb;
	--delta-line: #e6e8eb;
	--delta-gray: #6e7075;
	--delta-muted: #9a9da3;
	--delta-font: "Poppins", sans-serif;
	--delta-wrap: min(1280px, calc(100% - 80px));
	--delta-gutter: max(40px, calc((100% - 1280px) / 2));
	--delta-header: 92px;
	--delta-radius: 16px;
	--delta-radius-sm: 12px;
	--delta-radius-xs: 8px;
	--delta-section: 112px;
	--delta-section-large: 128px;
	--delta-section-medium: 88px;
	--delta-section-compact: 56px;
	--delta-ease: cubic-bezier(0.22, 1, 0.36, 1);
	--delta-ease-hero: cubic-bezier(0.22, 0.61, 0.36, 1);
	--delta-home-page: #ffffff;
	--delta-home-band: #ffffff;
	--delta-home-deep: #0a0a0b;
	--delta-home-card: #ffffff;
	--delta-home-well: #f6f7f8;
	--delta-home-line: #e6e8eb;
	--delta-home-footer: #0a0a0b;

	/* Type scale — chrome < page title < home sections < hero */
	--delta-fs-eyebrow: 11px;
	--delta-fs-crumb: 13px;
	--delta-fs-lead: 15px;
	--delta-fs-body: 16px;
	--delta-fs-pagebar: clamp(16px, 1.35vw, 20px);
	--delta-fs-h3: clamp(18px, 1.4vw, 22px);
	--delta-fs-page-title: clamp(22px, 2vw, 26px);
	--delta-fs-section: clamp(36px, 3.2vw, 48px);
	--delta-fs-hero: clamp(42px, 5vw, 68px);
}

@media (max-width: 1199px) {
	:root {
		--delta-wrap: min(1120px, calc(100% - 48px));
		--delta-gutter: 24px;
		--delta-section: 96px;
		--delta-section-large: 104px;
		--delta-section-medium: 72px;
	}
}

@media (max-width: 767px) {
	:root {
		--delta-wrap: min(100% - 40px, 100%);
		--delta-gutter: 20px;
		--delta-header: 80px;
		--delta-section: 72px;
		--delta-section-large: 80px;
		--delta-section-medium: 64px;
		--delta-section-compact: 48px;
		--delta-fs-pagebar: 16px;
		--delta-fs-page-title: clamp(20px, 4.6vw, 24px);
		--delta-fs-section: clamp(28px, 6.4vw, 36px);
		--delta-fs-hero: clamp(32px, 8vw, 40px);
	}
}

@media (max-width: 479px) {
	:root {
		--delta-wrap: calc(100% - 32px);
		--delta-gutter: 16px;
		--delta-section: 64px;
		--delta-section-large: 72px;
		--delta-section-medium: 56px;
		--delta-section-compact: 40px;
	}
}