:root {
  color-scheme: light;
  --color-moss-900: #294c3b;
  --color-moss-800: #3a654b;
  --color-sage-500: #8fb29b;
  --color-oat-100: #f6f1e7;
  --color-sand-200: #e8dfc9;
  --color-honey-400: #e3ae42;
  --color-mist-300: #cfe7f4;
  --color-coral-400: #e28c74;
  --color-bg-page: #dfe7de;
  --color-surface: rgba(246, 241, 231, 0.94);
  --color-surface-strong: #ffffff;
  --color-border: rgba(41, 76, 59, 0.14);
  --color-shadow: rgba(41, 76, 59, 0.12);
  --color-text-primary: #21352a;
  --color-text-secondary: rgba(33, 53, 42, 0.72);
  --color-text-muted: rgba(33, 53, 42, 0.56);
  --radius-xs: 12px;
  --radius-sm: 16px;
  --radius-md: 22px;
  --radius-lg: 28px;
  --shadow-soft: 0 18px 40px var(--color-shadow);
  --font-family-base: system-ui, -apple-system, BlinkMacSystemFont, "PingFang SC", "Hiragino Sans GB",
    "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --phone-max-width: 480px;
  --page-padding: 16px;
  --safe-top: env(safe-area-inset-top, 0px);
  --safe-right: env(safe-area-inset-right, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --hud-height: 84px;
  --task-preview-height: 132px;
  --bottom-nav-height: 84px;
  --min-hit-area: 44px;
}