:root {
  color-scheme: dark;
  --color-bg: #111214;
  --color-sidebar: #151618;
  --color-surface: #191b1d;
  --color-surface-raised: #202225;
  --color-subtle: #25282b;
  --color-border: #2c2f32;
  --color-border-strong: #454a4e;
  --color-text: #f1f3f2;
  --color-muted: #a3aba9;
  --color-faint: #7d8683;
  --color-accent: #b2e4ce;
  --color-accent-hover: #c8f0df;
  --color-accent-tint: #253b32;
  --color-on-accent: #14271e;
  --color-good: #b2e4ce;
  --color-good-tint: #253b32;
  --color-warn: #e2c28c;
  --color-warn-tint: #3a3022;
  --color-danger: #f0aaa8;
  --color-danger-tint: #402b2b;
  --color-overlay: rgb(4 7 6 / 62%);
  --font-body: 'Segoe UI', 'Microsoft YaHei UI', 'PingFang SC', sans-serif;
  --font-display: 'Segoe UI Variable Display', 'Segoe UI', 'Microsoft YaHei UI', sans-serif;
  --font-code: 'Cascadia Code', 'SFMono-Regular', Consolas, monospace;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-short: 150ms;
}