:root {
  --paper: #f7f7f5;
  --surface: #ffffff;
  --surface-muted: #f0f2ee;
  --forest: #1a3c2b;
  --forest-hover: #244d39;
  --forest-soft: #e6eee9;
  --ink: #202522;
  --muted: #69716c;
  --line: #d8ddd9;
  --line-strong: #aeb8b1;
  --coral: #e76f51;
  --coral-soft: #fbeae5;
  --mint: #3f8f62;
  --mint-soft: #e5f3ea;
  --gold: #b98218;
  --gold-soft: #fff4d6;
  --font-ui: Inter, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --radius-sm: 4px;
  --sidebar-width: 232px;
  --topbar-height: 64px;
  --mobile-topbar-height: 56px;
  --mobile-nav-height: 64px;
  --content-max: 1440px;
  --duration-fast: 140ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 0ms;
  }
}