@import url('./faces.css');

:root {
  --sx-font-text: 'SX Latin', 'SX Han Sans', serif;
  --sx-font-title: 'SX Latin', 'SX Han Serif', serif;
}

/* Deliberately covers native controls, inline SVG labels and legacy inline
   styles. Iconography uses SVG paths rather than a character icon font. */
html, body, body *, body *::before, body *::after {
  font-family: var(--sx-font-text) !important;
}
h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
[data-font-role='title'], [data-font-role='title'] * {
  font-family: var(--sx-font-title) !important;
}