:root {
	--color-ink: #101B3D;
	--color-coral: #FF4B45;
	--color-coral-dark: #E63C38;
	--color-coral-soft: #FFF0ED;
	--color-green: #59C72F;
	--color-green-soft: #F0FAEB;
	--color-orange: #FF7A00;
	--color-orange-soft: #FFF4E8;
	--color-bg: #FFFFFF;
	--color-surface: #F8F8F5;
	--color-muted: #667085;
	--color-border: #E7E7E4;
	--color-black: #161616;

	--font-primary: Heebo, Arial, sans-serif;
	--text-base-size: 16px;
	--text-line-height: 1.55;

	--radius-input: 12px;
	--radius-sm: 10px;
	--radius-md: 16px;
	--radius-lg: 24px;
	--radius-pill: 999px;

	--shadow-card: 0 10px 30px rgba(16, 27, 61, .08);
	--shadow-floating: 0 16px 40px rgba(16, 27, 61, .14);

	--space-xs: 8px;
	--space-sm: 12px;
	--space-md: 20px;
	--space-lg: 32px;
	--space-xl: 56px;
	--section-space: 96px;
	--section-space-mobile: 64px;

	--container-max: 1200px;
	--gutter: 32px;
	--card-gap: 24px;

	--header-height-desktop: 88px;
	--header-height-sticky: 72px;
	--header-height-mobile: 64px;
	--header-z: 1000;
	--mega-menu-max-width: 1080px;
}

@media (max-width: 1023px) {
	:root {
		--gutter: 24px;
		--section-space: 76px;
	}
}

@media (max-width: 639px) {
	:root {
		--gutter: 18px;
		--section-space: var(--section-space-mobile);
		--card-gap: 16px;
	}
}