/* Single editing location for current design tokens. Values and legacy namespaces intentionally preserved. */
:root {
	--hl-color-navy: #07111f;
	--hl-color-navy-soft: #0d1b2d;
	--hl-color-ink: #101828;
	--hl-color-muted: #526177;
	--hl-color-line: #dce3ec;
	--hl-color-surface: #ffffff;
	--hl-color-surface-soft: #f3f6fa;
	--hl-color-primary: #f5b700;
	--hl-color-primary-dark: #d99f00;
	--hl-color-link: #075fc9;
	--hl-color-focus: #0868d7;
	--hl-color-whatsapp: #16a05d;
	--hl-font-sans: Inter, "Segoe UI", Arial, sans-serif;
	--hl-radius-sm: 4px;
	--hl-radius-md: 8px;
	--hl-shadow-sm: 0 10px 30px rgba(16, 24, 40, .08);
	--hl-site-gutter: clamp(18px, 3vw, 32px);
	--hl-site-max: 1240px;
	--hl-site-width: min(100% - (var(--hl-site-gutter) * 2), var(--hl-site-max));
	--hl-section-space: clamp(64px, 8vw, 104px);
}

:root {
	--hgs-navy: #071b35;
	--hgs-navy-soft: #0d2a4d;
	--hgs-blue: #0867d1;
	--hgs-blue-dark: #0556b3;
	--hgs-yellow: #f9bd08;
	--hgs-yellow-dark: #eaaa00;
	--hgs-ink: #0a1d36;
	--hgs-muted: #586d85;
	--hgs-line: #d8e2ec;
	--hgs-surface: #f1f6fb;
	--hgs-white: #fff;
	--hgs-width: min(1400px, calc(100% - 64px));
}

@layer hongli.tokens {
:root {
		--hg-ink-950: #061a33;
		--hg-ink-900: #0a2340;
		--hg-ink-800: #123252;
		--hg-blue-700: #075db8;
		--hg-blue-600: #0872d1;
		--hg-blue-100: #e8f2fd;
		--hg-yellow-500: #f5b800;
		--hg-yellow-100: #fff5cf;
		--hg-green-600: #159957;
		--hg-white: #ffffff;
		--hg-surface: #ffffff;
		--hg-surface-soft: #f3f7fb;
		--hg-surface-strong: #eaf0f6;
		--hg-border: #d7e1ec;
		--hg-border-strong: #b9c8d8;
		--hg-text: #1c334d;
		--hg-muted: #60748a;
		--hg-danger: #b42318;
		--hg-danger-soft: #fff0ee;
		--hg-success: #16734a;
		--hg-success-soft: #eaf8f1;

		--hg-font-sans: Inter, Arial, Helvetica, sans-serif;
		--hg-text-xs: 0.75rem;
		--hg-text-sm: 0.875rem;
		--hg-text-md: 1rem;
		--hg-text-lg: 1.125rem;
		--hg-text-xl: 1.375rem;
		--hg-title-sm: clamp(1.75rem, 2.6vw, 2.75rem);
		--hg-title-md: clamp(2.25rem, 4vw, 4rem);
		--hg-title-lg: clamp(2.35rem, 4.25vw, 4.25rem);

		--hg-space-1: 0.5rem;
		--hg-space-2: 1rem;
		--hg-space-3: 1.5rem;
		--hg-space-4: 2rem;
		--hg-space-5: 2.5rem;
		--hg-space-6: 3rem;
		--hg-space-8: 4rem;
		--hg-space-10: 5rem;
		--hg-space-12: 6rem;

		--hg-radius-sm: 0.375rem;
		--hg-radius-md: 0.625rem;
		--hg-radius-lg: 1rem;
		--hg-shadow-sm: 0 0.5rem 1.5rem rgb(6 26 51 / 8%);
		--hg-shadow-md: 0 1rem 3rem rgb(6 26 51 / 12%);

		--hg-page-gutter: clamp(1rem, 3vw, 2rem);
		--hg-content-max: 86rem;
		--hg-copy-max: 47.5rem;
		--hg-header-top-height: 4.75rem;
		--hg-header-nav-height: 3.75rem;
		--hg-control-height: 3rem;
		--hg-transition: 160ms ease;
	}
}

/* Product-detail compatibility palette: edit here, keep current visual values. */
:root {
	--hongli-product-navy: #071e41;
	--hongli-product-success-dark: #0b9f67;
	--hongli-product-success: #109b5c;
	--hongli-product-ink: #172033;
	--hongli-product-link-dark: #174f96;
	--hongli-product-focus: #2b73d2;
	--hongli-product-body-strong: #344054;
	--hongli-product-breadcrumb-link: #375c8d;
	--hongli-product-body-secondary: #45556d;
	--hongli-product-caption: #46546a;
	--hongli-product-description: #5a6678;
	--hongli-product-muted: #5f6b7c;
	--hongli-product-breadcrumb: #65738a;
	--hongli-product-accent-ink: #bd8700;
	--hongli-product-border-strong: #cbd5e1;
	--hongli-product-border: #dce3ec;
	--hongli-product-surface-soft: #f5f8fc;
	--hongli-product-surface-subtle: #f8fafc;
	--hongli-product-accent: #ffb800;
	--hongli-product-surface: #fff;
	--hongli-product-font: "Manrope", "Segoe UI", Helvetica, Arial, sans-serif;
}