/*
 * Interview Broker typography
 *
 * Keep the literal stack before the custom-property declaration so browsers
 * without CSS custom-property support still receive the system font stack.
 */

:root {
	--ib-font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
.nav,
#nav,
#navigation,
button,
input,
input[type='text'],
input[type='password'],
select,
textarea,
optgroup,
table,
table.tablesorter,
div.datepicker,
.jqmWindow {
    /* Legacy fallback */
	font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
	/* Modern browsers */
	font-family: var(--ib-font-system);
}