/* Shared by the static website and Next.js workspaces. No element resets. */
:root {
  --website-paper: #ffffff;
  --website-surface: #ffffff;
  --website-soft: #f7f7f8;
  --website-ink: #202124;
  --website-muted: #73767b;
  --website-accent: #202124;
  --website-line: #e3e3e5;
  --website-warm: #f7f7f8;
  --website-action: #202124;
  --website-on-action: #ffffff;
  --website-danger: #a53e38;
  --website-font: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei UI", sans-serif;
  --website-text: 14px;
  --website-caption: 12px;
  --website-control: 40px;
  --website-radius: 16px;
  --website-color-scheme: light;
}
:root[data-theme="soft-ios-dark"], :root[data-theme="dark"] {
  --website-paper: #19191b;
  --website-surface: #242426;
  --website-soft: #2d2d30;
  --website-ink: #ededee;
  --website-muted: #b4b4ba;
  --website-accent: #dedee0;
  --website-line: #45454a;
  --website-warm: #303032;
  --website-danger: #eaa59e;
  --website-color-scheme: dark;
}
@media (max-width: 760px) {
  :root { --website-control: 44px; }
}