:root {
	/* Brand — sister language to Shop IT, tuned for services */
	--witc-navy: #003366;
	--witc-navy-deep: #001f3d;
	--witc-navy-mid: #0a4a7a;
	--witc-navy-btn: #12345a;
	--witc-beam: #00b4d8;
	--witc-beam-soft: rgba(0, 180, 216, 0.18);
	--witc-orange: #ea580c;

	--witc-page: #ffffff;
	--witc-surface: #f5f8fb;
	--witc-surface-2: #eef3f8;
	--witc-ink: #0f2438;
	--witc-ink-muted: #4a6074;
	--witc-border: #d7e0ea;
	--witc-white: #ffffff;

	--witc-font-display: "Outfit", "Source Sans 3", sans-serif;
	--witc-font-body: "Source Sans 3", "Noto Sans", sans-serif;

	--witc-fs-xs: 0.8125rem;
	--witc-fs-sm: 0.9375rem;
	--witc-fs-base: 1.0625rem;
	--witc-fs-md: 1.125rem;
	--witc-fs-lg: 1.375rem;
	--witc-fs-xl: 1.75rem;
	--witc-fs-2xl: clamp(2rem, 3.4vw, 2.75rem);
	--witc-fs-3xl: clamp(2.4rem, 5vw, 3.75rem);

	--witc-lh-tight: 1.15;
	--witc-lh-snug: 1.3;
	--witc-lh-body: 1.65;

	--witc-fw-regular: 400;
	--witc-fw-medium: 500;
	--witc-fw-semibold: 600;
	--witc-fw-bold: 700;
	--witc-fw-extrabold: 800;

	--witc-space-1: 0.25rem;
	--witc-space-2: 0.5rem;
	--witc-space-3: 0.75rem;
	--witc-space-4: 1rem;
	--witc-space-5: 1.25rem;
	--witc-space-6: 1.5rem;
	--witc-space-8: 2rem;
	--witc-space-10: 2.5rem;
	--witc-space-12: 3rem;
	--witc-space-16: 4rem;
	--witc-space-20: 5rem;
	--witc-space-24: 6rem;
	--witc-section-y: clamp(2.5rem, 4vw, 3.5rem);

	--witc-radius-sm: 0.375rem;
	--witc-radius-md: 0.625rem;
	--witc-radius-lg: 1rem;
	--witc-radius-xl: 1.25rem;
	--witc-radius-btn: 0.625rem;

	--witc-shadow-soft: 0 10px 30px -16px rgba(0, 31, 61, 0.35);
	--witc-shadow-header: 0 8px 24px -18px rgba(0, 31, 61, 0.45);

	/* Match New Home / Key Property shell */
	--witc-container: 1480px;
	--witc-container-narrow: 44rem;
	--witc-gutter: clamp(1.25rem, 2.2vw, 1.75rem);

	/* Fixed header pieces — keep separate to avoid scroll growth loops */
	--witc-topbar-h: 2.35rem;
	--witc-bar-h: 4.25rem;
	--witc-header-offset: calc(var(--witc-topbar-h) + var(--witc-bar-h));

	--witc-transition: 180ms ease;
	--witc-z-header: 40;
	--witc-z-mobile: 50;
	--witc-z-skip: 60;
}

@media (min-width: 768px) {
	:root {
		--witc-bar-h: 4.5rem;
	}
}
