/**
 * 鹿雅云设计令牌 · Web/H5 版(tokens.css)
 * ⚠️ 本文件为 packages/design-tokens/tokens.css 的副本(H5 无构建工具,直接拷贝引用)。
 *    源包更新后需重新同步本副本;末尾「H5 成品页补充令牌」为 H5 本地追加,源包无。
 * 数据源:docs/design/UI设计规范.md §1.1 双主题对照表(final-duotone.html 定稿)
 * 浅色「高原晨光」= :root;深色「银盐暗房」= [data-theme="dark"]
 * ⚠️ 改色只改令牌文件,业务代码禁止写死色值。
 */

:root {
  /* 底与面 */
  --bg: #F7F4EE;              /* 页面底色 */
  --surface: #FFFFFF;         /* 卡片/输入框/tabbar 面 */
  --surface-2: #F0EADD;       /* 次级面(chip 底、占位底) */

  /* 文字 */
  --text: #33302B;            /* 一级文字 */
  --text-2: #6F675A;          /* 二级文字/说明 */
  --text-3: #94897A;          /* 三级文字/占位符 */

  /* 线 */
  --line: #E6DFD1;            /* 分隔边(tabbar/输入区顶边) */
  --hairline: #DED7C9;        /* 发丝线(地平线、行分隔、虚线框) */

  /* 金(单屏金色面积 ≤5%) */
  --gold: #C8A24B;            /* 金一档:填充、圆点、主按钮(蜜金) */
  --gold-ink: #9C7B2A;        /* 金二档:金色文字/描边(浅色加深保对比) */

  /* 功能色(预留,现阶段禁用于装饰) */
  --terra: #A8503C;           /* 陶土红 · 错误/警示 */
  --olive: #6E7345;           /* 橄榄绿 · 成功 */

  /* 聊天气泡(我方) */
  --bubble-me: #33302B;
  --bubble-me-tx: #F5F1E8;

  /* 选中 chip(反色) */
  --chip-on: #33302B;
  --chip-on-tx: #FFFFFF;

  /* 相纸框 */
  --print-paper: #FFFDF7;     /* 纸面 */
  --print-edge: #EAE2D2;      /* 纸边 */
  --print-no: #A99C87;        /* Nº 编号 */

  /* 胶片条(全站仅制作等待页一处) */
  --film: #3A3126;
  --film-hole: rgba(247, 244, 238, .7);

  /* 顶部天光(全站唯一大渐变的起色) */
  --sky: rgba(211, 180, 118, .13);

  /* tabbar */
  --tab-off: #8C8372;
  --tab-on: #B8923D;

  /* 遮罩(只用于大图上压字) */
  --scrim: rgba(48, 40, 28, .38);

  /* 高度表达:浅=暖棕软投影(禁止另写 box-shadow) */
  --elev: 0 4px 10px rgba(86, 66, 40, .07);

  /* 颗粒噪点不透明度(仅深色启用) */
  --noise-op: 0;

  /* 屏幕外框描边 */
  --frame-edge: #EBE4D6;
}

[data-theme="dark"] {
  --bg: #201A15;
  --surface: #2A231B;
  --surface-2: #342B20;

  --text: #F0E7D5;            /* 相纸暖白 */
  --text-2: #B7A98F;
  --text-3: #84775F;

  --line: #3B3226;
  --hairline: #3E3529;

  --gold: #E1A34F;            /* 亮蜜金 */
  --gold-ink: #E1A34F;

  --terra: #C96B54;
  --olive: #9AA36B;

  --bubble-me: #4A3B27;
  --bubble-me-tx: #F0E7D5;

  --chip-on: #F0E7D5;
  --chip-on-tx: #201A15;

  --print-paper: #EDE4D1;
  --print-edge: #D9CDB2;
  --print-no: #8C8069;

  --film: #151009;
  --film-hole: rgba(237, 230, 214, .26);

  --sky: rgba(225, 163, 79, .06);

  --tab-off: #9A8C74;
  --tab-on: #E1A34F;

  --scrim: rgba(16, 12, 7, .44);

  /* 高度表达:深=无投影,顶边 1px 微亮线 */
  --elev: inset 0 1px 0 rgba(244, 230, 203, .08);

  --noise-op: .05;

  --frame-edge: #141010;
}

/* ================================================================
   H5 成品页补充令牌(仅 apps/h5 本地;源包 packages/design-tokens 无)
   —— 图上文字固定纯白系,不随主题变(UI 规范 §2 约束);
   —— 大屏投屏底色双主题同值(投影环境永远压暗)。
   若将来其他端也需要,再回填源包三产物。
================================================================ */
:root {
  /* 图上白字(压在 --scrim 之上,双主题同值) */
  --on-photo: #FFFFFF;
  --on-photo-dim: rgba(255, 255, 255, .86);
  --on-photo-faint: rgba(255, 255, 255, .45);

  /* 大屏模式(?mode=screen)投屏底与底部条 */
  --screen-bg: #0E0A06;
  --screen-bar: rgba(14, 10, 6, .72);

  /* 相纸内图统一做旧滤镜(非颜色,随主题微调) */
  --ph-filter: saturate(.66) sepia(.18) brightness(1.04) contrast(.96);

  /* 动效统一缓动 */
  --motion-ease: cubic-bezier(.22, .61, .36, 1);
}

[data-theme="dark"] {
  --ph-filter: saturate(.6) sepia(.22) brightness(.94) contrast(1);
}