/* ==========================================================================
   AIRMEI 独立站 · 设计令牌 (Design Tokens)
   风格：东方极简静奢风 · Aesop 骨架 + 喜茶灵魂
   规则：全站底色禁止使用纯白 (#FFFFFF) 作为大面积背景
   ========================================================================== */

:root {
  /* ---------- 底色 / 纸感 (Paper) ---------- */
  --paper:        #F9F8F6;   /* 主底色：暖燕麦粗纸（全局唯一大面积背景） */
  --paper-warm:   #F4F2EC;   /* 次级底：微深一档，用于分区 */
  --paper-deep:   #EDEAE2;   /* 三级底：卡片 / 画框 */
  --paper-sink:   #E4E1D8;   /* 局部凹陷底 */

  /* ---------- 墨色 (Ink) ---------- */
  --ink:          #2C2C2C;   /* 主墨色：标题 / 手绘线条 */
  --ink-2:        #4A4945;   /* 正文 */
  --ink-3:        #6E6C64;   /* 辅助文字 */
  --ink-4:        #85827A;   /* 弱化标注 */
  --ink-inverse:  #F3F1EC;   /* 深底上的文字 */

  /* ---------- 五行色 (Five Elements) ---------- */
  --sage:         #A3B19B;   /* 喜茶风淡绿笔触（鼠标轨迹主色 / 40% 透明度使用） */
  --sage-deep:    #7E8D77;
  --wood:         #A9834F;   /* 木 */
  --fire:         #A8563A;   /* 火 */
  --earth:        #9C8759;   /* 土 */
  --metal:        #9BA0A6;   /* 金 */
  --water:        #7E93A0;   /* 水 */

  /* ---------- 线条 (Hairline) ---------- */
  --line:         rgba(44, 44, 44, .14);   /* 极细线：Aesop 式分隔 */
  --line-2:       rgba(44, 44, 44, .24);
  --line-3:       rgba(44, 44, 44, .40);
  --line-inverse: rgba(243, 241, 236, .22);

  /* ---------- 字体 (Typography) ---------- */
  /* 标题：衬线体 */
  --font-display: "Cormorant Garamond", "Playfair Display", "Songti SC", "Noto Serif SC",
                  Georgia, "Times New Roman", serif;
  /* 正文：无衬线体 */
  --font-body:    "Inter", "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB",
                  "Microsoft YaHei", system-ui, sans-serif;
  /* 手写体标注：Caveat */
  --font-hand:    "Caveat", "Bradley Hand", "Segoe Script", "Xingkai SC", "STXingkai", cursive;

  /* 字级 */
  --fs-display:   clamp(2.15rem, 6.2vw, 4.9rem);   /* Hero 主标 */
  --fs-h1:        clamp(1.85rem, 4.4vw, 3.4rem);
  --fs-h2:        clamp(1.5rem, 3.1vw, 2.5rem);
  --fs-h3:        clamp(1.15rem, 1.9vw, 1.5rem);
  --fs-body:      clamp(.95rem, 1.02vw, 1.05rem);
  --fs-small:     .8125rem;
  --fs-micro:     .6875rem;   /* 极小字号英文无衬线（五行标签下方） */

  /* 字距 */
  --ls-micro:     .22em;
  --ls-nav:       .16em;

  /* ---------- 版式 (Layout) ---------- */
  --container:    1320px;
  --gut:          clamp(20px, 5vw, 72px);
  --section-y:    clamp(72px, 9vw, 152px);
  --header-h:     72px;
  --ratio-product: 4 / 5;    /* 产品图统一比例：占位图与高精实拍同比例，换文件即换图，版式零改动 */

  /* ---------- 动效 (Motion) ---------- */
  --ease:         cubic-bezier(.22, .61, .36, 1);
  --ease-soft:    cubic-bezier(.4, 0, .2, 1);
  --dur-zoom:     .5s;      /* 通用中速过渡（元素标签、测试进度条、弹窗入场） */
  --dur-quick:    .28s;

  /* ---------- 层级 (Layers) ---------- */
  --z-grain:      1;
  --z-trail:      3;
  --z-header:     40;
  --z-modal:      200;
}

/* 深色墨块区（页脚 / 情绪区）反转令牌 */
.is-ink {
  --paper:        #2C2C2C;
  --paper-warm:   #262626;
  --paper-deep:   #232323;
  --ink:          #F3F1EC;
  --ink-2:        #DCD9D2;
  --ink-3:        #ABA79F;
  --ink-4:        #8A867E;
  --line:         var(--line-inverse);
  --line-2:       rgba(243, 241, 236, .34);
  --line-3:       rgba(243, 241, 236, .5);
}