:root {
  --color-canvas: oklch(97.7% 0.006 220);
  --color-paper: oklch(100% 0 0);
  --color-ink: oklch(24% 0.025 235);
  --color-muted: oklch(52% 0.02 235);
  --color-line: oklch(90% 0.012 220);
  --color-subtle: oklch(97% 0.008 220);
  --color-accent: oklch(48% 0.09 175);
  --color-accent-strong: oklch(38% 0.08 175);
  --color-accent-soft: oklch(95% 0.035 175);
  --color-on-accent: oklch(100% 0 0);
  --color-danger: oklch(56% 0.19 28);
  --color-danger-strong: oklch(48% 0.18 28);
  --color-warm-ink: oklch(45% 0.11 65);
  --color-warm-soft: oklch(96% 0.04 75);
  --color-success: oklch(48% 0.12 150);
  --color-success-soft: oklch(95% 0.035 150);
  --color-focus: oklch(55% 0.18 250);
  --font-display: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-body: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 20px;
  --space-xl: 28px;
  --space-2xl: 40px;
  --space-3xl: 64px;
  --text-xs: 12px;
  --text-sm: 14px;
  --text-base: 16px;
  --text-lg: 18px;
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-in: cubic-bezier(.7,0,.84,0);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
  --dur-fast: 120ms;
  --dur-normal: 220ms;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-xl: 18px;
  --shadow-soft: 0 2px 10px oklch(24% 0.025 235 / .06);
  --shadow-raised: 0 12px 30px oklch(24% 0.025 235 / .18);
  --layout-max: 1120px;
}