:root {
  color-scheme: dark;
  --bg: #111918;
  --surface: #151e1d;
  --surface-raised: #1b2523;
  --surface-hover: #202c29;
  --line: #2b3531;
  --line-soft: rgba(161, 180, 164, 0.12);
  --text: #e7eae0;
  --muted: #8a9990;
  --faint: #7a8b7f;
  --accent: #d9b57c;
  --accent-soft: rgba(217, 181, 124, 0.09);
  --normal: #b7c7c5;
  --completed: #667d74;
  --delayed: #d7b474;
  --at-risk: #cc8262;
  --suspended: #855a60;
  --recovered: #80ada0;
  --ui: "DM Sans", "PingFang SC", "Microsoft YaHei", sans-serif;
  --number: "IBM Plex Mono", "PingFang SC", monospace;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --left: 216px;
  --right: 304px;
  --gutter: 24px;
}