/* ============================================================
   禾商大家庭 —— Design Tokens
   方向：自然有机 × 编辑感（大地色系，乡土信任感）
   ============================================================ */
:root {
  /* 色彩：暖米白底 / 深墨绿主色 / 禾苗金强调色，按 60/30/10 分配 */
  --color-bg: #f4f0e6;
  --color-surface: #fbf8f0;
  --color-surface-2: #ece6d6;
  --color-text: #1f2a22;
  --color-muted: #5c665c;
  --color-primary: #2c5a3c;
  --color-primary-deep: #1e3f2b;
  --color-accent: #d99a2b;
  --color-accent-soft: rgba(217, 154, 43, 0.14);
  --color-border: rgba(31, 42, 34, 0.16);
  --color-border-strong: rgba(31, 42, 34, 0.38);

  /* 字体：思源宋体展示 + 思源黑体正文；拉丁展示字 Fraunces */
  --font-display: "Fraunces", "Noto Serif SC", serif;
  --font-body: "Noto Sans SC", "PingFang SC", sans-serif;

  /* 模块化字阶（1.25 比例） */
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.25rem;
  --fs-lg: 1.563rem;
  --fs-xl: 1.953rem;
  --fs-2xl: 2.441rem;
  --fs-3xl: 3.052rem;
  --fs-hero: clamp(2.6rem, 6.5vw, 4.8rem);
  --fs-stat: clamp(3.2rem, 9vw, 6.5rem);

  /* 间距梯度 */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;

  /* 圆角与阴影（阴影带环境绿而非纯黑） */
  --radius-sm: 4px;
  --radius-md: 12px;
  --radius-lg: 24px;
  --shadow-1: 0 2px 8px rgba(30, 63, 43, 0.1);
  --shadow-2: 0 8px 28px rgba(30, 63, 43, 0.16);
  --shadow-3: 0 24px 64px rgba(30, 63, 43, 0.22);

  /* 动效 */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;
}