:root {
  color-scheme: light;
  --bg: #f3efe7;
  --bg-soft: #ebe4d9;
  --surface: #fffdf9;
  --surface-2: #f8f3eb;
  --surface-strong: #ffffff;
  --primary: #6f8779;
  --primary-dark: #405b50;
  --primary-soft: #dfe8e1;
  --accent: #a86049;
  --accent-soft: #f2ddd3;
  --text: #292e2b;
  --muted: #6f746f;
  --line: #ddd4c7;
  --line-strong: #cfc2b1;
  --danger: #9f5147;
  --danger-soft: #f2ded9;
  --focus: #246d6a;
  --ok: #56765f;
  --shadow-sm: 0 1px 2px rgb(41 46 43 / 0.05), 0 4px 14px rgb(41 46 43 / 0.04);
  --shadow-md: 0 14px 36px rgb(41 46 43 / 0.09), 0 2px 8px rgb(41 46 43 / 0.05);
  --shadow-lg: 0 22px 56px rgb(41 46 43 / 0.11), 0 4px 14px rgb(41 46 43 / 0.05);
  --radius-xs: 6px;
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC",
    "Microsoft YaHei", sans-serif;
  --font-display: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", serif;
  --step--1: 0.875rem;
  --step-0: 1rem;
  --step-1: 1.125rem;
  --step-2: 1.4rem;
  --step-3: 1.8rem;
  --step-4: clamp(2rem, 4vw, 2.75rem);
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-7: 2rem;
  --space-8: 2.5rem;
  --space-9: 3rem;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
}

html[data-font-scale="large"] {
  font-size: 18px;
}

html[data-font-scale="xlarge"] {
  font-size: 20px;
}

html[data-reduced-motion="true"] *,
html[data-reduced-motion="true"] *::before,
html[data-reduced-motion="true"] *::after {
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
  scroll-behavior: auto !important;
  transition-duration: 0.01ms !important;
}