/* 微信模拟器全局主题颜色变量字典 (Design Tokens) */

/* 1. 默认浅色模式 (Light Theme) */
:root {
  /* 基础背景色 */
  --wx-bg-primary: #ffffff;
  --wx-bg-secondary: #ECECEC;

  /* 文本颜色 */
  --wx-text-primary: #1A1A1A;
  --wx-text-secondary: #999999;

  /* 分割线与边框 */
  --wx-border-color: #eeeeee;
  --wx-line-color: #E4E4E4;
  --wx-chat-line-color: #D2D2D2;

  /* 状态栏/图标颜色 */
  --wx-icon-color: #000000;
  --battery-bg: #020202;
  --battery-color: #FFFFFF;

  // 按钮颜色
  --wx-btn-primary: #07C160;
  --wx-btn-secondary: #F2F2F2;

  //底部文字
  --wx-desc-text-blue: #4D5A7C;
  --wx-desc-text-gray: #AAAAAA;

  //零钱限额警告
  --wx-limit-text-red: #E75E63;
  --wx-limit-bg-red: #FFEDEC;

  // 苹果底部返回条
  --ipone-bottom-bar: #000000;

  // 微信聊天
  --wx-chat-bubble-other: #FFFFFF;
  --wx-chat-bubble-me: #95EC69;
  --wx-chat-unread-bg: #D5D5D5;

  //聊天输入框背景
  --wx-chat-input-bg-color: #F7F7F7;

  //聊天时间
  --wx-chat-time-bg: rgba(255, 255, 255, 0.8);
  --wx-chat-time: #767676;

  // 微信红包
  --wx-redpacket-bg: #FA9E3B;
  --wx-redpacket-text: #FFFFFF;
  --wx-redpacket-desc-text: #FFDA9E;
  --wx-redpacket-received-bg: #FCE1C3;
  --wx-redpacket-redpacket-text: #FFFFFF;
  --wx-transfer-received-bg: #FFE1BF;
  --wx-transfer-received-text: #FFFFFF;
  --wx-transfer-expired-bg: #E8CEB3;
  --wx-transfer-expired-text: #FFFFFF;
}

/* 2. 深色模式 (Dark Theme) 覆盖层 */
.dark {
  /* 基础背景色 */
  --wx-bg-primary: #191919;
  --wx-bg-secondary: #111111;

  /* 文本颜色 */
  --wx-text-primary: #D8D8D8;
  --wx-text-secondary: #888888;

  /* 分割线与边框 */
  --wx-border-color: #2b2b2b;
  --wx-line-color: #333333;
  --wx-chat-line-color: #363636;

  /* 状态栏/图标颜色 */
  --wx-icon-color: #ffffff;
  --battery-bg: #FEFEFE;
  --battery-color: #111111;

  // 按钮颜色
  --wx-btn-primary: #07C160;
  --wx-btn-secondary: #2B2B2B;

  //底部文字
  --wx-desc-text-blue: #728DA8;
  --wx-desc-text-gray: #767676;

  //零钱限额警告
  --wx-limit-text-red: #E75E63;
  --wx-limit-bg-red: #301E1D;

  // 苹果底部返回条
  --ipone-bottom-bar: #FFFFFF;

  // 微信聊天
  --wx-chat-bubble-other: #2C2C2C;
  --wx-chat-bubble-me: #27B561;
  --wx-chat-unread-bg: #2C2C2C;

  //聊天输入框背景
  --wx-chat-input-bg-color: #1C1C1C;

  //聊天时间
  --wx-chat-time-bg: #2C2C2C;
  --wx-chat-time: #AAAAAA;

  // 微信红包
  --wx-redpacket-bg: #E18D35;
  --wx-redpacket-text: #FAECD2;
  --wx-redpacket-desc-text: #FFBA78;
  --wx-redpacket-received-bg: #AF6E2C;
  --wx-redpacket-redpacket-text: #CD9A63;
  --wx-transfer-received-bg: #AF6E2C;
  --wx-transfer-received-text: #CD9A63;
  --wx-transfer-expired-bg: #7C4D1F;
  --wx-transfer-expired-text: #A58765;
}