/* Inter-AI interface typography. Sizes and weights stay with each component. */
@font-face {
  font-family: 'Onest';
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url('../../fonts/onest/Onest-Variable.woff2') format('woff2');
}

html:root {
  --font-ui: 'Onest', ui-sans-serif, system-ui, sans-serif;
  --bs-font-sans-serif: var(--font-ui);
  --bs-font-monospace: var(--font-ui);
  --bs-body-font-family: var(--font-ui);
  --toastify-font-family: var(--font-ui);
  --el-font-family: var(--font-ui);
  font-family: var(--font-ui);
}

html body,
html .font-sans,
html .font-mono,
html .font-serif { font-family: var(--font-ui); }
button, input, select, textarea { font-family: inherit; }

/* Libraries with their own text defaults; icon glyphs and document fonts are separate. */
html .ql-container,
html .ql-toolbar.ql-snow,
html .ql-snow .ql-picker,
html .handsontable,
html .jvectormap-tip,
html .timeTo,
html .swal2-popup,
html .swal2-close,
html .emojionearea .emojionearea-picker .emojionearea-scroll-area .emojionearea-category-title {
  font-family: var(--font-ui);
}
html .apexcharts-canvas text,
html .apexcharts-legend-text,
html .apexcharts-menu,
html .apexcharts-tooltip,
html .apexcharts-xaxistooltip,
html .apexcharts-yaxistooltip {
  font-family: var(--font-ui) !important;
}