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

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

:root {
  --site-font: "Satoshi", "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", system-ui, sans-serif;
  --font: var(--site-font);
}

html,
body {
  font-family: var(--site-font);
}

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

.home-cover,
.home-discovery {
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", "Segoe UI", system-ui, sans-serif;
}