@import url('./landing-page/fonts.css');

/* Font files and role pairing match Hoko. sync-brand-fonts.ts mirrors this
   directory so every NQD site serves its own copy, without another origin. */
:root {
	--nqd-font-numerals: 'Hoko Numerals';
	/* Keep both script faces in every role stack. Each font contributes only the
	 * glyphs it supports, so mixed Arabic and English text stays script-aware in
	 * either page direction. */
	--nqd-font-body:
		var(--nqd-font-numerals), 'Hanken Grotesk', 'IBM Plex Sans Arabic', system-ui, sans-serif;
	--nqd-font-heading:
		var(--nqd-font-numerals), 'Bricolage Grotesque', 'GT America Arabic',
		'IBM Plex Sans Arabic', system-ui, sans-serif;
	--nqd-font-mono:
		var(--nqd-font-numerals), 'JetBrains Mono', 'IBM Plex Sans Arabic', ui-monospace,
		SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', monospace;
}

html,
body {
	font-family: var(--nqd-font-body) !important;
}

html :is(h1, h2, h3, h4, h5, h6, [role='heading'], [data-slot='dialog-title']) {
	font-family: var(--nqd-font-heading) !important;
}

html[dir='rtl'] :is(h1, h2, h3, h4, h5, h6, [role='heading']),
html[lang^='ar'] :is(h1, h2, h3, h4, h5, h6, [role='heading']) {
	letter-spacing: normal;
}

:where(code, kbd, samp, pre) {
	font-family: var(--nqd-font-mono);
}