:root {
  --font-sans: Inter, "PingFang SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --ink-950: #111827;
  --ink-900: #172033;
  --ink-800: #253047;
  --ink-700: #3f4b61;
  --ink-600: #5e697c;
  --ink-500: #7c8799;
  --ink-400: #9aa3b2;
  --line: #e5e8ee;
  --line-strong: #d8dde7;
  --surface: #ffffff;
  --surface-subtle: #f8f9fb;
  --canvas: #f3f4f6;
  --primary: #315bd6;
  --primary-hover: #274dbd;
  --primary-soft: #edf2ff;
  --success: #16835f;
  --success-soft: #eaf7f1;
  --warning: #a66716;
  --warning-soft: #fff5df;
  --danger: #bd3f50;
  --danger-soft: #fff0f2;
  --radius-sm: 7px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --shadow-sm: 0 1px 2px rgba(17, 24, 39, .04), 0 5px 18px rgba(17, 24, 39, .035);
  --shadow-md: 0 14px 40px rgba(17, 24, 39, .12);
  --ease-out: cubic-bezier(.2, .8, .2, 1);
  --motion-fast: 160ms;
  --motion-normal: 180ms;
  --motion-drawer: 220ms;
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
  }
}