:root {
	/* Brand colours */
	--zz-gold: #F4C400;
	--zz-gold-dark: #D9A900;
	--zz-black: #111111;
	--zz-dark: #171717;
	--zz-charcoal: #242424;
	--zz-white: #FFFFFF;
	--zz-light: #F6F6F6;
	--zz-gray: #777777;
	--zz-border: #E5E5E5;
	--zz-dark-blue: #0B2E63;

	/* Overlay tints */
	--zz-overlay-dark: rgba(17, 17, 17, 0.72);
	--zz-overlay-light: rgba(17, 17, 17, 0.35);

	/* Typography */
	--zz-font-en: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--zz-font-zh: 'Noto Sans SC', 'Microsoft YaHei', 'PingFang SC', var(--zz-font-en);

	/* Spacing scale */
	--zz-space-xs: 8px;
	--zz-space-sm: 16px;
	--zz-space-md: 24px;
	--zz-space-lg: 40px;
	--zz-space-xl: 64px;
	--zz-space-2xl: 96px;

	/* Layout */
	--zz-container-width: 1200px;
	--zz-radius: 4px;
	--zz-radius-lg: 8px;
	--zz-transition: 220ms ease;
	--zz-header-height: 84px;
	--zz-topbar-height: 34px;
}

html[lang^="zh"] body,
body.zz-lang-zh {
	font-family: var(--zz-font-zh);
}