/* ============================================================
   tokens.css —— 设计变量：颜色 / 字号 / 间距 / 圆角 / 阴影
   全站唯一取值来源，改主题只需改这里
   ============================================================ */
:root {
  /* —— 品牌色：田野绿（主） + 清透蓝（辅） + 琥珀（强调） —— */
  --brand:        #12b76a;
  --brand-dark:   #0a8f52;
  --brand-deep:   #076b3d;
  --brand-50:     #eafaf1;
  --brand-100:    #d3f2e2;

  --sky:          #0ea5e9;
  --sky-dark:     #0284c7;
  --sky-50:       #e6f5fd;

  --amber:        #f59e0b;
  --amber-dark:   #d97706;
  --amber-50:     #fef4e2;

  --danger:       #e5484d;
  --danger-50:    #fdecec;

  /* —— 中性色 —— */
  --ink:          #0d1f16;
  --ink-2:        #33473c;
  --ink-3:        #5b6f63;
  --muted:        #7a8c82;
  --line:         rgba(13, 31, 22, .09);
  --line-soft:    rgba(13, 31, 22, .05);
  --surface:      #ffffff;
  --surface-alt:  #f5faf7;
  --surface-sink: #eef5f1;

  /* —— 深色面板（演示台 / CTA / 页脚深色块） —— */
  --dark:         #0f2a1e;
  --dark-2:       #123a4a;
  --mint:         #6ef0ad;

  /* —— 字体 —— */
  --font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: ui-monospace, "SFMono-Regular", Consolas, "Liberation Mono", monospace;

  /* —— 字号（流式） —— */
  --fs-display: clamp(40px, 5.4vw, 68px);
  --fs-h2:      clamp(27px, 3.1vw, 42px);
  --fs-h3:      clamp(17px, 1.6vw, 20px);
  --fs-lead:    clamp(15px, 1.2vw, 17px);
  --fs-body:    14.5px;
  --fs-sm:      13px;
  --fs-xs:      12px;

  /* —— 间距 —— */
  --sp-1: 6px;  --sp-2: 10px; --sp-3: 14px; --sp-4: 18px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 44px; --sp-8: 64px;
  --section-y: 124px;

  /* —— 圆角 —— */
  --r-sm: 10px;  --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  /* —— 阴影 —— */
  --sh-xs: 0 1px 2px rgba(13, 31, 22, .05);
  --sh-sm: 0 6px 18px -10px rgba(13, 31, 22, .18);
  --sh-md: 0 14px 34px -16px rgba(13, 31, 22, .22);
  --sh-lg: 0 30px 70px -28px rgba(13, 31, 22, .30);
  --sh-brand: 0 12px 26px -12px rgba(18, 183, 106, .85);

  /* —— 尺寸 —— */
  --nav-h: 68px;
  --wrap:  1220px;

  /* —— 动效 —— */
  --ease: cubic-bezier(.22, 1, .36, 1);
  --t-fast: .2s;
  --t: .28s;
  --t-slow: .5s;
}