/* Wetop Workbench · Phase 0 design tokens. No page may hardcode these values. */
:root {
  --paper: #ffffff;
  --wash: #fafaf8;
  --ink: #141413;
  --ink-2: #5f5f59;
  --ink-3: #66665f;
  --line: #ece9e2;
  --line-2: #d8d4ca;
  --accent: #2f6b3c;
  --accent-soft: #f1f7ef;
  --accent-strong: #265733;
  --accent-line: #d7e8d3;
  --paper-hover: #fcfcfa;
  --warn: #8a5a12;
  --warn-soft: #fbf6ea;
  --warn-line: #eadcc4;
  --crit: #a23b32;
  --info: #33538f;

  --font-sans: "Geist", "PingFang SC", "Hiragino Sans GB", "Noto Sans SC", "Microsoft YaHei", system-ui, sans-serif;
  --font-mono: "Geist Mono", "SFMono-Regular", Menlo, Consolas, monospace;
  --text-3xs: 10px;
  --text-2xs: 11px;
  --text-xs: 12px;
  --text-xs-plus: 12.5px;
  --text-sm: 13px;
  --text-md: 14px;
  --text-md-plus: 15px;
  --text-lg: 16px;
  --text-lg-plus: 18px;
  --text-19: 19px;
  --text-xl: 20px;
  --text-xl-plus: 22px;
  --text-25: 25px;
  --text-2xl: 26px;
  --text-3xl: 28px;
  --text-3xl-plus: 30px;
  --text-base: 14px;
  --leading: 1.65;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;

  --radius: 8px;
  --radius-sm: 6px;
  --control-h: 36px;
  --row-h: 44px;
  --sidebar-w: 224px;
  --topbar-h: 56px;

  --shadow-overlay: 0 8px 30px rgb(20 20 19 / 8%);
  --motion: 160ms;
  --ease: cubic-bezier(.2, .7, .3, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; }
body {
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font-sans);
  font-size: var(--text-base);
  line-height: var(--leading);
  -webkit-font-smoothing: antialiased;
}
.num, .money, td.num, th.num { font-variant-numeric: tabular-nums; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; transition-duration: 1ms !important; }
}