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

  /* 📝 文字颜色（层级） */
  /* 一级文字颜色 */
  --color-text-primary: #333333;
  /* 二级文字颜色 */
  --color-text-secondary: #8f8f8f;
  /* 三级文字颜色 */
  --color-text-tertiary: #cccccd;

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

  /* 📥 输入框样式 */
  /* 输入框颜色1 */
  --color-input-background: #dfdfdf;
  /* 输入框描边（边框） */
  --color-input-border: #ffffff;

  /* 🔽 下拉相关 */
  /* 下拉选项框 */
  --color-dropdown-background: #e4e3e3;
  /* 首页推广下拉 */
  --color-dropdown-homepage-promo-gradient: #e8431e;

  /* 💬 弹窗 */
  /* 弹窗背景色 */
  --color-modal-background: #eeecec;
  /* 弹窗渐变 */
  --color-modal-gradient: linear-gradient(180deg, #ffffff 0%, #e9e8e6 100%);

  /* 📱 底部 Tab 栏 */
  /* 底部tab栏颜色 */
  --color-tabbar-background: #fafaf9;
  /* 底部tab栏未激活颜色 */
  --color-tabbar-inactive: #c0bbbb;

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

  /* 🌈 特殊场景 */
  /* 代理背景 */
  --color-background-agent-gradient: linear-gradient(180deg, #c08635 0%, #a7732a 100%);

  /* 导航栏 */
  --color-topbar: #18286a;

  /* 首页背景背景 */
  --color-background-newhome: linear-gradient(180deg, #040048 0px, #131d2c 700px);

  /* 首页banner圆角 */
  --radio-banner: 12px;

  /* 最大圆角 */
  --radio-login: 8px;
  /* 游戏加载更多圆角 */
  --radio-game-load-more: 8px;

  /* 充值按钮可用状态颜色 */
  --color-recharge-btn: #f5f3f3;
  /* 充值按钮边框-可用状态颜色 */
  --color-recharge-btn-border: #bbbbbb;
  /* 充值按钮禁用状态颜色 */
  --color-recharge-btn-disabled: #c7c7c7;
  /* 充值按钮选择状态颜色 */
  --color-recharge-btn-active: #ff7205;

  /* 侧边栏-vip */
  --color-side-bar-vip: linear-gradient(90deg, #d47618 0%, #e3ac65 100%);

  /* 侧边栏-agent */
  --color-side-bar-agent: linear-gradient(270deg, #84e193 0%, #ee9e30 100%);

  /* 首页输入框描边 */
  --color-home-input-border: #ffffff;
  /* 首页输入框文本 */
  --color-home-input: #8f8f8f;

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

  /* 游戏分类更新颜色 */
  --color-game-viewall-text: #333333;

  /* 首页下载 */
  --color-home-download: linear-gradient(86.91deg, #ff8325 3.33%, #e5ac28 100%);

  /* 登录模块的阴影 */
  --shadow-login-item: none;
  --shadow-login-active-item: none;
  --shadow-login-tab-wrapper: none;
  --shadow-login-close: none;
  --shadow-topbar-wallet: none;
  --shadow-common-close: none;

  --font-family: Geogrotesque Wide;
}