:root {
  --yuechaoxi-color-canvas: #f6f3ed;
  --yuechaoxi-color-surface: #fffcf7;
  --yuechaoxi-color-text: #26231f;
  --yuechaoxi-color-text-muted: #746f66;
  --yuechaoxi-color-brand: #4f6f61;
  --yuechaoxi-color-brand-strong: #405c50;
  --yuechaoxi-color-brand-soft: #e4ebe6;
  --yuechaoxi-color-gold: #b59a63;
  --yuechaoxi-color-info: #4d667b;
  --yuechaoxi-color-danger: #98463f;
  --yuechaoxi-color-night-canvas: #101613;
  --yuechaoxi-color-night-surface: #171f1b;
  --yuechaoxi-color-night-text: #f4f0e8;
  --yuechaoxi-color-night-muted: #b9b5ac;
  --yuechaoxi-color-night-brand: #8fb5a0;
  --yuechaoxi-color-night-gold: #d4bc84;

  --yuechaoxi-space-1: 4px;
  --yuechaoxi-space-2: 8px;
  --yuechaoxi-space-3: 12px;
  --yuechaoxi-space-4: 16px;
  --yuechaoxi-space-6: 24px;
  --yuechaoxi-space-8: 32px;
  --yuechaoxi-space-12: 48px;

  --yuechaoxi-radius-control: 12px;
  --yuechaoxi-radius-card: 16px;
  --yuechaoxi-radius-feature: 24px;

  --yuechaoxi-size-touch-minimum: 44px;
  --yuechaoxi-size-bottom-nav-content: 64px;
  --yuechaoxi-size-icon: 24px;
  --yuechaoxi-size-icon-stroke: 2px;

  --yuechaoxi-motion-fast: 140ms;
  --yuechaoxi-motion-normal: 220ms;
  --yuechaoxi-motion-slow: 320ms;
  --yuechaoxi-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  --yuechaoxi-font-family:
    -apple-system, BlinkMacSystemFont, "PingFang SC", "Noto Sans SC",
    "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --yuechaoxi-font-page-title: 28px;
  --yuechaoxi-font-section-title: 20px;
  --yuechaoxi-font-body: 16px;
  --yuechaoxi-font-supporting: 14px;
  --yuechaoxi-font-minimum: 12px;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --yuechaoxi-motion-fast: 0.01ms;
    --yuechaoxi-motion-normal: 0.01ms;
    --yuechaoxi-motion-slow: 0.01ms;
  }
}