:root {
  color-scheme: light;
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", STSong, serif;
  --font-body: "Noto Sans SC", "Source Han Sans SC", "Microsoft YaHei", sans-serif;
  --font-hand: KaiTi, STKaiti, "FZKai-Z03", cursive;

  --green-950: #063d2e;
  --green-900: #074a35;
  --green-800: #0b5d3b;
  --green-700: #14783e;
  --green-600: #268a42;
  --green-500: #4d9a42;
  --green-100: #e8f3e7;
  --green-050: #f5f9f2;
  --orange-700: #dd610d;
  --orange-600: #f47716;
  --orange-500: #ff8b25;
  --orange-100: #fff0df;
  --ink-900: #183d32;
  --ink-700: #3f564f;
  --ink-500: #6d7b76;
  --line: #e2ece5;
  --paper: #fffdfa;
  --white: #ffffff;

  --shadow-sm: 0 8px 24px rgba(8, 73, 49, 0.07);
  --shadow-md: 0 18px 50px rgba(8, 73, 49, 0.12);
  --shadow-lg: 0 28px 70px rgba(8, 73, 49, 0.18);

  --radius-sm: 12px;
  --radius-md: 18px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  --container: 1280px;
  --header-height: 78px;
  --section-space: clamp(4.75rem, 7vw, 7.75rem);
  --ease: cubic-bezier(0.22, 1, 0.36, 1);
}

@media (max-width: 720px) {
  :root {
    --header-height: 68px;
    --section-space: 4.5rem;
  }
}