@font-face {
  font-family: "JetBrains Mono";
  src: url("/assets/fonts/jetbrains-mono.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 800;
  font-display: swap;
}

:root {
  --mhi-bg: #0c1116;
  --mhi-rail: #090e12;
  --mhi-panel: #131b21;
  --mhi-panel-2: #16232a;
  --mhi-hover: #1b272e;
  --mhi-line: #22303a;
  --mhi-line-strong: #2c3d48;
  --mhi-text: #e8f1f5;
  --mhi-text-2: #a7bac4;
  --mhi-muted: #6f8592;
  --mhi-brand: #2fd3b4;
  --mhi-success: #45d483;
  --mhi-warning: #f5a524;
  --mhi-danger: #ff6b5a;
  --mhi-info: #5aa0ff;
  --mhi-ui: "Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;
  --mhi-mono: "JetBrains Mono", "Microsoft YaHei", monospace;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  min-width: 0;
  color-scheme: dark;
}

body {
  margin: 0;
  color: var(--mhi-text);
  font-family: var(--mhi-ui);
}

button,
input {
  font: inherit;
}