:root {
  --header-height: 72px;
  /* 🎨 基础色 */
  /* 主色 */
  --color-primary: #d8b23c;
  /* 主色 20%透明 */
  --color-primary-opacity-2: #3a78ff33;
  /* 辅助色1 */
  --color-secondary: #fdd303;
  /* 辅助色2 */
  --color-tertiary: #f7cf2c;
  /* 辅助色3 */
  --color-quaternary: #009b3a;
  /* 透明色 */
  --color-transparent: #ffffff99;
  /* 背景色 */
  --color-background: #1d1d1b;
  /* 成功提示颜色 */
  --color-success: #1ce447;
  /* 错误提示颜色 */
  --color-error: #c33c3c;

  /* 📝 文字颜色（层级） */
  /* 一级文字颜色 */
  --color-text-primary: #ffffff;
  /* 二级文字颜色 */
  --color-text-secondary: #83827c;
  /* 三级文字颜色 */
  --color-text-tertiary: #7d796d;

  /* ❗ 状态提示色 */
  /* 错误提示 */
  --color-text-error: #d85555;
  /* 错误提示背景 */
  --color-background-error: #3a222e;
  /* 正确提示 */
  --color-text-success: #21dc70;
  /* 正确提示背景 */
  --color-background-success: #223a2b;

  /* 📥 输入框样式 */
  /* 输入框颜色1 */
  --color-input-background: #23221f;
  /* 输入框描边（边框） */
  --color-input-border: #34332d;

  /* 🔽 下拉相关 */
  /* 下拉选项框 */
  --color-dropdown-background: #3c3c39;
  /* 首页推广下拉 */
  --color-dropdown-homepage-promo-gradient: linear-gradient(180deg, #6d4f05 0%, #dcab3f 100%);

  /* 💬 弹窗 */
  /* 弹窗背景色 */
  --color-modal-background: #2b2a26;
  /* 弹窗渐变 */
  --color-modal-gradient: linear-gradient(180deg, #b78909 0%, #655118 100%);

  /* 📱 底部 Tab 栏 */
  /* 底部tab栏颜色 */
  --color-tabbar-background: #201f1d;
  /* 底部tab栏未激活颜色 */
  --color-tabbar-inactive: #615f56;

  /* 问号规则 */
  --color-faq: #1c68e2;

  /* 新版导航栏 */
  --color-topbar: #2e2e2a;

  /* 新版首页代理顶部栏 */
  --color-head-adv-v2: #2b2c90;

  /* 新版首页代理顶部栏 */
  /* --color-head-adv-v2: #90352b; */

  /* 游戏收藏-默认 */
  /* --color-game-like: #6b420a; */

  /* 游戏收藏-选中 */
  /* --color-game-like-active: #f9d001; */

  /* 横版游戏收藏-按钮背景色 */
  /* --color-game-like-bg: linear-gradient(158.79deg, #ffd35a 13.98%, #e38900 53.73%, #ac6128 95.03%); */

  /* 按钮文字以及卡片字体颜色 */
  --color-btn-text: #ffffff;

  /* 充值按钮可用状态颜色 */
  --color-recharge-btn: #1d1d1b;

  /* 充值按钮边框-可用状态颜色 */
  --color-recharge-btn-border: #5e5844;

  /* 充值按钮禁用状态颜色 */
  --color-recharge-btn-disabled: #535048;

  /* 充值按钮选择状态颜色 */
  --color-recharge-btn-active: #c58c08;

  /* 新版侧边栏-vip */
  /* 对应figma——侧边栏banner1 */
  --color-side-bar-vip: linear-gradient(90deg, #5f5c57 0%, #44423d 100%);

  /* 新版侧边栏-agent */
  /* 对应figma——侧边栏banner2 */
  --color-side-bar-agent: linear-gradient(90deg, #87785d 0%, #544a36 100%);

  /* 🌈 特殊场景 */
  /* 代理背景 */
  --color-background-agent-gradient: linear-gradient(180deg, #a18c5a 0%, #7a6221 98.08%);

  --font-family: Geogrotesque Wide;

  /* *************** 以下是跟业务相关的配置色 *************** */
  /* VIP光边 */
  --vip-light-line: #e2b945;
}