/* BOSSSUNWEN 礼盒典藏 · 设计变量 */
@property --tint {
  syntax: "<color>";
  inherits: true;
  initial-value: #3a2a2c;
}

:root {
  /* 颜色：按角色 */
  --bg: #14100e;            /* 暖调墨黑，展厅底色 */
  --surface: #1e1916;       /* 浮层、按钮底 */
  --plate: #f3eee6;         /* 象牙展台，产品图白底以 multiply 融入 */
  --text: #efe8dc;
  --muted: #a39a8e;
  --line: rgba(239, 232, 220, 0.14);
  --gold: #c9a66b;          /* 香槟金，对应礼盒烫金 */
  --gold-soft: rgba(201, 166, 107, 0.22);
  --red: #e3323f;           /* 品牌红点，只用于“当前”指示 */
  --tint: #3a2a2c;          /* 当前礼盒主色，JS 按展品切换 */

  /* 字体 */
  --font-display: "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;
  --font-latin: "Didot", "Bodoni 72", "Bodoni MT", "Playfair Display", "Times New Roman", serif;
  --font-body: "Inter", -apple-system, "PingFang SC", "HarmonyOS Sans SC", "MiSans", "Microsoft YaHei", system-ui, sans-serif;

  /* 字号阶梯 1.25 */
  --fs-12: 12px;
  --fs-14: 14px;
  --fs-16: 16px;
  --fs-20: 20px;
  --fs-display: clamp(40px, 4.6vw, 72px);

  /* 间距 */
  --s-4: 4px;
  --s-8: 8px;
  --s-12: 12px;
  --s-16: 16px;
  --s-24: 24px;
  --s-32: 32px;
  --s-48: 48px;
  --s-64: 64px;

  /* 形状 */
  --r-2: 2px;
  --r-8: 8px;
  --r-pill: 999px;

  /* 阴影 */
  --shadow-plate: 0 40px 80px -24px rgba(0, 0, 0, 0.6), 0 12px 24px -12px rgba(0, 0, 0, 0.5);

  /* 动效 */
  --ease: cubic-bezier(0.2, 0.8, 0.2, 1);
  --ease-io: cubic-bezier(0.7, 0, 0.2, 1);
  --t-fast: 200ms;
  --t-slide: 900ms;
}