/*
 * Same type stack as dreamsuite.io/dashboard/org/overview:
 *   body / UI  Inter
 *   headings   Space Grotesk
 *   mono       JetBrains Mono
 */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
	--ds-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
	--ds-font-display: 'Space Grotesk', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
	--ds-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;
	--az-font: var(--ds-font-sans);
	--az-mono: var(--ds-font-mono);
	--az-nav-font: var(--ds-font-sans);
	--az-footer-font: var(--ds-font-sans);
	--sm-font: var(--ds-font-sans);
	--sm-display: var(--ds-font-display);
	--pn-font: var(--ds-font-sans);
	--font-family: var(--ds-font-sans);
	--font-family-mono: var(--ds-font-mono);
	--dh-sans: var(--ds-font-sans);
	--dh-display: var(--ds-font-display);
	--dh-mono: var(--ds-font-mono);
}

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

h1,
h2,
h3,
.az-display,
.az-ms-hero h1,
.az-ms-promo__copy h2,
.az-ms-footer h3,
.az-head {
	font-family: var(--ds-font-display) !important;
}

code,
pre,
kbd,
samp,
.az-eyebrow,
.az-ms-eyebrow,
.az-meta {
	font-family: var(--ds-font-mono);
}