@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@500;600;700&display=swap');

/*
 * Global WBA heading typography.
 * These tokens are the shared typography contract for the WBA frontend.
 * Keep DM Sans for copy and interface text; use IBM Plex Sans for titles,
 * headings, and emphasized numeric values.
 */
:root {
	--wba-font-body: "DM Sans", Arial, sans-serif;
	--wba-font-heading: "IBM Plex Sans", Arial, sans-serif;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .wp-block-post-title {
	font-family: var(--wba-font-heading) !important;
}

html body button,
html body input,
html body select,
html body textarea {
	font-family: var(--wba-font-body);
}