@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/inter/InterVariable-Italic.woff2") format("woff2");
}

:root {
  --crm-font-ui: "Inter", "Segoe UI", Tahoma, Arial, Helvetica, sans-serif, "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji";
  --crm-font-mono: Consolas, "Cascadia Mono", "Courier New", monospace;
}

html {
  font-family: var(--crm-font-ui);
  font-optical-sizing: auto;
  font-kerning: normal;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-synthesis-weight: none;
  font-synthesis-style: none;
}

body {
  font-family: inherit;
}

body,
button,
input,
select,
textarea,
table,
th,
td,
label,
option,
optgroup {
  font-family: inherit;
  font-variant-numeric: lining-nums tabular-nums;
  font-feature-settings: "calt" 1, "liga" 1, "lnum" 1, "tnum" 1;
}

code,
pre,
kbd,
samp {
  font-family: var(--crm-font-mono);
  font-variant-numeric: normal;
  font-feature-settings: normal;
}