:root {
  --color-paper: oklch(98.5% 0.004 250);
  --color-surface: oklch(100% 0 0);
  --color-surface-subtle: oklch(97% 0.006 252);
  --color-surface-hover: oklch(95.5% 0.012 252);
  --color-ink: oklch(24% 0.02 258);
  --color-ink-2: oklch(34% 0.018 257);
  --color-muted: oklch(52% 0.018 257);
  --color-faint: oklch(68% 0.012 255);
  --color-rule: oklch(89% 0.012 252);
  --color-rule-strong: oklch(80% 0.02 252);
  --color-accent: oklch(55% 0.19 256);
  --color-accent-hover: oklch(49% 0.2 256);
  --color-accent-soft: oklch(94% 0.035 256);
  --color-accent-ink: oklch(100% 0 0);
  --color-success: oklch(47% 0.14 151);
  --color-success-soft: oklch(95% 0.035 151);
  --color-warning: oklch(54% 0.13 75);
  --color-warning-soft: oklch(95% 0.04 75);
  --color-danger: oklch(53% 0.19 27);
  --color-danger-soft: oklch(95% 0.035 27);
  --color-overlay: oklch(16% 0.02 258 / 0.46);
  --color-shadow: oklch(24% 0.02 258 / 0.09);
  --font-display: "Space Grotesk", "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: Inter, "PingFang SC", "Microsoft YaHei", 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;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --text-xl: 24px;
  --text-2xl: 30px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --rule-thin: 1px;
  --dur-fast: 150ms;
  --dur-base: 220ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --sidebar-width: 232px;
  --header-height: 64px;
  --z-sidebar: 20;
  --z-overlay: 40;
  --z-modal: 50;
  --z-toast: 60;
}