/* ================================================================
   TOKENS — 全站 design tokens（颜色 / 字体 / 缓动 / 阴影）
   修改这里 = 全站生效。任何颜色/字体值都应通过 var() 引用，
   不要再硬编码到组件里。
   ================================================================ */

/* 阿里妈妈数黑体（Alimama ShuHeiTi）— 免费可商用，全站大标题 / slogan 字体。
   已嵌入 woff2（不再依赖访客本地安装；本地装了则优先用本地）。单一重黑字重，
   声明覆盖 100–900，确保所有用 --font-display 的标题都落到本字体。 */
@font-face {
  font-family: "AlimamaShuHeiTi";
  src: local("Alimama ShuHeiTi"),
       local("AlimamaShuHeiTi"),
       local("阿里妈妈数黑体"),
       url("../fonts/files/AlimamaShuHeiTi-Bold.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --green:        #2F834E;
  --green-soft:   #C7E3D2;
  --green-deep:   #1F5C36;
  --red:          #DC1818;          /* logo red — used for all CN headings */
  --red-deep:     #B11313;
  --bg:           #FFFFFF;
  --bg-dim:       #F4F8F5;
  --ink:          #1A2A20;
  --ink-soft:     #5C6B62;
  --rule:         rgba(47,131,78,.18);
  --shadow-1:     0 12px 40px -16px rgba(31,92,54,.25);
  --shadow-2:     0 30px 80px -30px rgba(31,92,54,.35);
  --ease-out:     cubic-bezier(.22,1,.36,1);
  --ease-in-out:  cubic-bezier(.65,0,.35,1);
  /* 阿里妈妈数黑体 → 大标题 / slogan 用 */
  --font-display: "AlimamaShuHeiTi","Alimama ShuHeiTi","Noto Sans SC","PingFang SC Heavy","PingFang SC","Microsoft YaHei",sans-serif;
  /* Body sans (思源/苹方/系统黑体) */
  --font-cn:      "Noto Sans SC","PingFang SC","Microsoft YaHei",-apple-system,system-ui,sans-serif;
  /* Barlow → 英文 */
  --font-en:      "Barlow",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
}

/* ── Reusable section title triangle uses half-green-logo.svg ── */
.sec-tri {
  display: block;
  width: 36px; aspect-ratio: 54 / 33;
  background: url('../../images/half-green-logo.svg') no-repeat center / contain;
}