:root {
	/* Brand */
	--zht-brand-cyan: #0b8ed8;
	--zht-brand-blue: #1769aa;
	--zht-brand-deep: #123f63;
	--zht-brand-ink: #102f46;
	--zht-brand-gradient: linear-gradient(135deg, #0b8ed8 0%, #1769aa 55%, #123f63 100%);

	/* Text and navigation */
	--zht-navy: #103f5e;
	--zht-navy-hover: #0a324c;
	--zht-text: #172b38;
	--zht-text-strong: #0f2635;
	--zht-text-secondary: #5d707c;
	--zht-text-subtle: #63747e;

	/* Links and actions */
	--zht-link: #0776b0;
	--zht-link-hover: #075f91;
	--zht-button: #0776b0;
	--zht-button-hover: #066b9f;
	--zht-button-active: #05577f;
	--zht-focus: #a36b00;

	/* Surfaces */
	--zht-page-bg: #f4f7f8;
	--zht-surface: #ffffff;
	--zht-surface-soft: #f7fafb;
	--zht-surface-raised: #ffffff;
	--zht-highlight: #eaf5fa;
	--zht-border: #d6e0e5;
	--zht-border-strong: #afc2cc;

	/* Semantic states */
	--zht-success-bg: #e1f4e9;
	--zht-success-text: #216a45;
	--zht-warning-bg: #fff1cf;
	--zht-warning-text: #825700;
	--zht-danger-bg: #fde8e5;
	--zht-danger-text: #a43b31;
	--zht-danger-accent: #d85645;
	--zht-neutral-bg: #edf1f3;
	--zht-neutral-text: #52636d;
	--zht-info-bg: #e6f3fa;
	--zht-info-text: #17658e;

	/* Company accents */
	--zht-company-zht: #0b8ed8;
	--zht-company-future: #315f9f;
	--zht-company-common: #123f63;

	/* System typography */
	--zht-font-family: Inter, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--zht-font-xs: 0.75rem;
	--zht-font-sm: 0.875rem;
	--zht-font-base: 1rem;
	--zht-font-lg: 1.125rem;
	--zht-font-xl: 1.375rem;
	--zht-font-section: clamp(1.375rem, 1.1rem + 0.75vw, 1.75rem);
	--zht-font-page: clamp(2rem, 1.55rem + 1.4vw, 2.75rem);
	--zht-font-display: clamp(2.35rem, 1.7rem + 2.1vw, 3.6rem);
	--zht-line-tight: 1.12;
	--zht-line-heading: 1.2;
	--zht-line-base: 1.55;
	--zht-tracking-tight: -0.035em;

	/* Spacing */
	--zht-space-1: 0.25rem;
	--zht-space-2: 0.5rem;
	--zht-space-3: 0.75rem;
	--zht-space-4: 1rem;
	--zht-space-5: 1.5rem;
	--zht-space-6: 2rem;
	--zht-space-7: 3rem;
	--zht-space-8: 4rem;
	--zht-space-section: clamp(2.5rem, 2rem + 2vw, 5rem);

	/* Shape and depth */
	--zht-radius-xs: 6px;
	--zht-radius-sm: 10px;
	--zht-radius: 16px;
	--zht-radius-lg: 22px;
	--zht-radius-pill: 999px;
	--zht-shadow-soft: 0 8px 24px rgba(17, 54, 76, 0.06);
	--zht-shadow: 0 18px 48px rgba(17, 54, 76, 0.12);
	--zht-shadow-focus: 0 0 0 4px rgba(242, 169, 0, 0.22);

	/* Motion */
	--zht-duration-fast: 140ms;
	--zht-duration-base: 220ms;
	--zht-ease: cubic-bezier(0.2, 0.65, 0.3, 1);

	/* Layout */
	--zht-width-content: 1320px;
	--zht-width-reading: 760px;
	--zht-width-hero: 1320px;
	--zht-gutter: clamp(1rem, 3vw, 2rem);
	--zht-control-height: 46px;
	--zht-control-height-compact: 40px;
}

@media (max-width: 767px) {
	:root {
		--zht-space-section: 2.5rem;
		--zht-radius: 14px;
		--zht-radius-lg: 18px;
	}
}