:root {
  color-scheme: light dark;
  font: 14px/1.5 Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --ink: #0f1419;
  --muted: #536471;
  --paper: #fff;
  --line: #e7ebee;
  --soft: #f6f8fa;
  --hover: #f0f3f5;
  --blue: #1d9bf0;
  --blue-text: #006fb6;
  --blue-soft: #eef8ff;
  --blue-line: #bee2fa;
  --primary: #0f1419;
  --primary-text: #fff;
  --primary-hover: #272c30;
  --good: #17664b;
  --good-soft: #e9f6ef;
  --warn: #75500a;
  --warn-soft: #fbf4e5;
  --danger: #a92739;
  --danger-soft: #fdf0f2;
  --header-height: 86px;
  background: var(--paper);
  color: var(--ink);
}

@media (prefers-color-scheme: dark) {
  :root {
    --ink: #e7e9ea;
    --muted: #9da7ae;
    --paper: #000;
    --line: #2f3336;
    --soft: #121517;
    --hover: #202326;
    --blue-text: #72c5fa;
    --blue-soft: #071d2c;
    --blue-line: #205170;
    --primary: #eff3f4;
    --primary-text: #0f1419;
    --primary-hover: #d7dbdc;
    --good: #8cdbb6;
    --good-soft: #11261e;
    --warn: #e8c785;
    --warn-soft: #2b2111;
    --danger: #f39aa8;
    --danger-soft: #311922;
  }
}