:root{
  --font-sans: var(--font-albert-sans), -apple-system, system-ui, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-display: var(--font-albert-sans), -apple-system, system-ui, 'PingFang SC', 'Microsoft YaHei', sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
  --color-workspace: #ffffff;
  --color-paper: #ffffff;
  --color-plate: #fafafa;
  --color-body: #494949;
  --color-ink: #202020;
  --color-ink-soft: #5c5c5c;
  --color-ink-faint: #5c5c5c;
  --color-hairline: #ededed;
  --color-hairline-strong: #dbdbdb;
  --color-subtle: #ededed;
  --color-border-hover: #bdbdbd;
  --color-control-border: #848484;
  --color-accent: #353535;
  --color-line-muse: #d23c2e;
  --color-line-layouts: #1a6fb4;
  --radius-xs: 2px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-2xl: 16px;
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --dur-fast: 150ms;
  --dur-base: 200ms;
  --dur-enter: 200ms;
  --dur-exit: 140ms;
  --default-transition-duration: var(--dur-fast);
  --default-transition-timing-function: var(--ease-out);
}html[data-theme='dark']{
  color-scheme: dark;
  --color-workspace: #202020;
  --color-paper: #202020;
  --color-plate: #353535;
  --color-body: #ededed;
  --color-ink: #fafafa;
  --color-ink-soft: #bdbdbd;
  --color-ink-faint: #bdbdbd;
  --color-hairline: #494949;
  --color-hairline-strong: #5c5c5c;
  --color-subtle: #494949;
  --color-border-hover: #848484;
  --color-control-border: #848484;
  --color-accent: #ededed;
  --color-line-muse: #e86050;
  --color-line-layouts: #55a0e0;
}