/* ============================================================
   ems-charge · 设计令牌 (Design Tokens)
   风格：充电极简 · 浅沙白 + 充电绿（轻量清新方向）
   参考：Notion / Figma / Airbnb 大留白圆角风
   ============================================================ */
:root{
  /* 颜色 */
  --paper:#FAF8F4;          /* 浅沙白 · 页面底色 */
  --surface:#FFFFFF;        /* 卡片面 */
  --surface-2:#F4F1EA;      /* 次级面 */
  --surface-3:#EDE9DF;      /* 三级面 */
  --ink:#1A1512;            /* 墨黑正文 */
  --ink-2:#4A443E;          /* 次级文字 */
  --muted:#7A736B;          /* 弱化文字 */
  --green:#22C55E;          /* 充电绿 · accent */
  --green-strong:#16A34A;   /* accent hover */
  --green-ink:#14532D;      /* 绿上深字 */
  --green-soft:#EAF9F0;     /* 绿浅底 */
  --green-line:#C9EBD6;     /* 绿边线 */
  --amber:#F59E0B;          /* 警示琥珀（小面积） */
  --line:#E8E2D8;           /* 分隔线 */
  --line-strong:#D8D1C4;
  /* 圆角 */
  --radius-s:10px;
  --radius:14px;
  --radius-lg:20px;
  --radius-pill:999px;
  /* 阴影（多层，轻量） */
  --shadow-1:0 1px 2px rgba(26,21,18,.04),0 4px 16px rgba(26,21,18,.06);
  --shadow-2:0 2px 4px rgba(26,21,18,.05),0 12px 32px rgba(26,21,18,.10);
  --shadow-green:0 6px 20px rgba(34,197,94,.25);
  /* 字体 */
  --f-disp:'Outfit','PingFang SC','Microsoft YaHei',sans-serif;
  --f-body:'Inter','PingFang SC','Microsoft YaHei',sans-serif;
  --f-mono:'JetBrains Mono','Consolas',monospace;
  /* 布局 */
  --max-w:1180px;
  --gutter:clamp(16px,3vw,36px);
  --sec-pad:clamp(56px,7vw,96px);
}