/* ============================================================
   Design tokens — 婚礼请柬
   单一事实来源。页面里不再出现散落的色值 / 时长 / 缓动。
   ============================================================ */
:root{
  /* ---- 色彩 ----
     六个色，量自首幕视频 hero.mp4。页面必须是那支片子的延续，
     不能另起一套色。slate / mist / blush 三个从没被用过，删掉 —— 
     色板留着不用的格子，下次就会有人往里填东西。 */
  --c-cream:      #e1c2a0;   /* 浅沙 —— 视频里的裙与光 */
  --c-champagne:  #c9b192;   /* 卡其偏亮，幕间过渡用 */
  --c-sand:       #b29672;   /* 卡其灰 —— 全站主导的那个场 */
  --c-camel:      #9c8161;   /* 卡其压深 */
  --c-terracotta: #c96136;   /* 陶土锈 —— 全站唯一的暖强调 */
  --c-honey:      #c98a4b;   /* 蜂蜜金，只用于极小的高亮 */
  --c-forest:     #313f2a;   /* 森林绿 —— 只给叶子 */
  --c-forest-dp:  #1b2318;   /* 深森林 —— 代替黑 */
  --c-night:      #232c3a;   /* 夜空深蓝灰 */

  --ink:          var(--c-forest-dp);   /* 正文字色 */
  --ink-soft:     #46584b;              /* 次级字色 */
  --ink-invert:   var(--c-cream);       /* 暗场景上的字色 */

  /* ---- 字体：仅两套 ---- */
  --f-serif: "Noto Serif SC", "Source Han Serif SC", "Songti SC", Georgia, serif;
  --f-sans:  "PingFang SC", "HarmonyOS Sans SC", "Source Han Sans SC",
             "Noto Sans CJK SC", "Microsoft YaHei", system-ui, -apple-system, sans-serif;
  --f-hand:  "Caveat", cursive;          /* 各幕小标题与页脚题词 */
  --f-disp:  "Amatic SC", cursive;       /* 日期、时间线节点、幕标题的大写英文 */

  /* ---- 字号：随视口流动，不做断点跳变 ---- */
  --t-final:  clamp(1.5rem, 7.2vw, 3.2rem);    /* 幕五落款，全页最大中文 */
  --t-h:      clamp(1.35rem, 5.6vw, 2.1rem);
  --t-body:   clamp(.98rem, 4vw, 1.12rem);
  --t-small:  clamp(.82rem, 3.4vw, .94rem);
  --t-tiny:   clamp(.68rem, 2.8vw, .76rem);

  /* ---- 题签排印 ---- */
  --couplet-ls: .08em;
  --couplet-lh: 1.95;

  /* ---- 间距 ---- */
  --sp-1: .5rem;  --sp-2: 1rem;   --sp-3: 1.75rem;
  --sp-4: 3rem;   --sp-5: 5rem;   --sp-6: 8rem;
  --gutter: clamp(1.4rem, 7vw, 5rem);

  /* ---- 动效 ---- */
  --ease: cubic-bezier(.16, 1, .3, 1);
  --d-fast:   320ms;
  --d-mid:    800ms;
  --d-slow:  1200ms;
  --d-veil:  2400ms;      /* 题签淡入 */
  --couplet-gap: 600ms;   /* 上下句显影间隔 */

  /* ---- 视差系数（由远及近）---- */
  --px-far:  .10;
  --px-mid:  .20;
  --px-near: .30;
  --px-fore: .40;

  /* ---- 角色定格动画 ---- */
  --fps: 10;              /* 8–12 之间，刻意的低帧感 */
}