:root {
  color-scheme: light;
  --color-canvas: oklch(98.5% 0.004 250);
  --color-surface: oklch(100% 0 0);
  --color-ink: oklch(22% 0.022 257);
  --color-body: oklch(38% 0.018 257);
  --color-muted: oklch(55% 0.016 257);
  --color-rule: oklch(88% 0.011 257);
  --color-rule-strong: oklch(75% 0.018 257);
  --color-accent: oklch(56% 0.205 255);
  --color-accent-dark: oklch(47% 0.19 255);
  --color-accent-soft: oklch(95% 0.03 255);
  --color-night: oklch(20% 0.025 257);
  --color-night-muted: oklch(78% 0.016 257);
  --color-focus: oklch(66% 0.19 255);
  --font-sans: "Noto Sans SC", "Microsoft YaHei", sans-serif;
  --font-mono: "Cascadia Mono", "SFMono-Regular", monospace;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-small: 0.25rem;
  --max-width: 82rem;
  --measure: 42rem;
  --shadow-image: 0 1.5rem 4rem oklch(22% 0.022 257 / 0.12);
  --color-success: oklch(50% 0.13 150);
  --shadow-float: 0 1.125rem 3.125rem oklch(22% 0.022 257 / 0.08);
  --dur-fast: 160ms;
  --dur-normal: 220ms;
  --ease-standard: ease;
}