:root {
	--site-color-dark: #101019;
	--site-color-dark-soft: #1b1b28;
	--site-color-ink: var(--ink, #161622);
	--site-color-white: #fff;
	--site-focus-color: #9db2ff;
	--site-font-heading: var(--font-heading, "Montserrat", system-ui, sans-serif);
	--site-font-body: var(--font-body, system-ui, sans-serif);
	--site-gutter: clamp(1rem, 3vw, 2.5rem);
	--site-radius-pill: 999px;
	--site-radius-small: 1.2rem;
	--site-space-small: 1.2rem;
	--site-space-medium: 1.8rem;
	--site-space-xlarge: clamp(2.4rem, 3vw, 4.2rem);
	--site-space-navigation: clamp(2.4rem, 3vw, 4.2rem);

	--header-menu-border: rgb(255 255 255 / 0.14);
	--header-menu-hover: rgb(70 71 86 / 0.78);
	--header-menu-text: rgb(255 255 255 / 0.94);
	--header-menu-muted: rgb(255 255 255 / 0.64);
	--header-surface-light: rgb(255 255 255 / 0.85);
	--header-surface-dark: rgb(16 16 25 / 0.50);
	--header-menu-icon: rgb(255 255 255 / 0.88);
	--header-menu-icon-background: rgba(66, 37, 37, 0.1);

	--service-menu-shell-max-width: 1720px;
	--service-menu-shell-offset: 16px;
	--service-menu-shell-radius: 32px;
	--service-menu-shell-viewport-inset: 80px;
}

/**
 * Keep native form labels available to assistive technology without changing
 * the established visual spacing of the contact and service forms.
 */
.lucratief-form--hidden-labels label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0) !important;
	white-space: nowrap !important;
	border: 0 !important;
}