/* ==========================================================================
   tokens.css —— 设计令牌层
   方向：轻奢雅致（Luxury / refined）
   所有颜色、字阶、间距、动效只在此定义，组件层禁止硬编码。
   ========================================================================== */

:root {
  /* ---- 颜色：主表面 60% / 次要 30% / 强调 10% -----------------------------
     主题为明色，这是主动选择而非默认：
     1) 器物（香器、陶瓷、茶具）在暖白底上成色最准，暗底会压掉材质细节；
     2) "清静"的调性是明净，不是幽暗；
     3) 刻意避开神秘学常见的暗黑+紫金配色——那正是支付与广告风控的视觉联想。 */
  --color-bg:             #F7F5F0;  /* 宣纸白：暖调近白 */
  --color-surface:        #FDFCFA;  /* 卡片面 */
  --color-surface-2:      #EFEBE3;  /* 次级面、图片底 */
  --color-text:           #1C1B19;  /* 墨：暖调近黑，非纯黑 */
  --color-muted:          #6E6A62;
  --color-faint:          #9C968C;
  --color-accent:         #A8402F;  /* 朱砂：全站唯一强调色，对底 5.4:1 */
  --color-accent-soft:    rgba(168, 64, 47, .12);
  --color-on-accent:      #F7F5F0;
  --color-secondary:      #4A5D4E;  /* 竹青：仅用于标签与次级状态 */
  --color-border:         rgba(28, 27, 25, .14);
  --color-border-strong:  rgba(28, 27, 25, .30);

  /* ---- 字体：一套独特展示字 + 一套内敛正文字，绝不用两套张扬的 ---------- */
  --font-display: "Cormorant Garamond", "Songti SC", "SimSun", Georgia, serif;
  --font-body:    "Source Serif 4", "Songti SC", "SimSun", Georgia, serif;
  --font-sans:    "Source Sans 3", "PingFang SC", "Microsoft YaHei", sans-serif;

  /* ---- 字阶：1.25 模块化比例 -------------------------------------------- */
  --text-xs:   12px;
  --text-sm:   14px;
  --text-base: 17px;
  --text-lg:   21px;
  --text-xl:   27px;
  --text-2xl:  34px;
  --text-3xl:  44px;
  --text-display: clamp(46px, 7.2vw, 88px);   /* ≥48px 展示级 */

  --tracking-display: -0.03em;   /* 大标题收紧字距 */
  --tracking-tight:   -0.015em;
  --tracking-wide:    0.14em;   /* 全大写小标签用 */

  --leading-display: 1.02;
  --leading-heading: 1.18;
  --leading-body:    1.72;      /* 中英混排，正文行高偏松 */

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

  /* ---- 圆角与阴影：轻奢方向用极小的圆角 + 克制的三级高度 ----------------- */
  --radius-sm: 2px;
  --radius-md: 4px;
  --shadow-1: 0 2px 8px rgba(28, 27, 25, .05);
  --shadow-2: 0 8px 28px rgba(28, 27, 25, .08);
  --shadow-3: 0 24px 64px rgba(28, 27, 25, .11);

  /* ---- 动效 ------------------------------------------------------------- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --dur-fast: 160ms;
  --dur-base: 320ms;
  --dur-slow: 640ms;

  /* ---- 版心 ------------------------------------------------------------- */
  --measure: 1280px;
  --gutter: clamp(20px, 5vw, 72px);
}