@font-face {
  font-family: "Satoshi";
  font-style: normal;
  font-weight: 300 900;
  font-display: swap;
  src: url("./satoshi/Satoshi-Variable.woff2") format("woff2");
}

@font-face {
  font-family: "Satoshi";
  font-style: italic;
  font-weight: 300 900;
  font-display: swap;
  src: url("./satoshi/Satoshi-VariableItalic.woff2") format("woff2");
}

:root {
  --font-ui: "Satoshi", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-code: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;
  --bs-font-sans-serif: var(--font-ui);
  --bs-body-font-family: var(--font-ui);
  --bs-font-monospace: var(--font-code);
}

body {
  font-family: var(--font-ui);
  line-height: 1.65;
}

button, input, optgroup, select, textarea {
  font-family: inherit;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-ui);
  font-weight: 650;
  line-height: 1.2;
  letter-spacing: -0.03em;
}

code, kbd, pre, samp {
  font-family: var(--font-code);
  letter-spacing: normal;
}

table {
  font-variant-numeric: tabular-nums;
}