:root {
  --header-height: 72px;
  /* 🎨 基础色 */
  /* 🎨 基础色 */
  /* 主色 */
  --color-primary: #c39c65;
  /* 主色 20%透明 */
  --color-primary-opacity-2: #c39c6533;
  /* 辅助色1 */
  --color-secondary: #fbf8c5;
  /* 辅助色2 */
  --color-tertiary: #f0d154;
  /* 辅助色3 */
  --color-quaternary: #009b3a;
  /* 透明色 */
  --color-transparent: #ffffff99;
  /* 背景色 */
  --color-background: #23221f;
  /* 成功提示颜色 */
  --color-success: #21dc70;
  /* 错误提示颜色 */
  --color-error: #d85555;

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

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

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

  /* 🔽 下拉相关 */
  /* 下拉选项框 */
  --color-dropdown-background: #423e36;
  /* 首页推广下拉 */
  --color-dropdown-homepage-promo-gradient: linear-gradient(177.85deg, #3d2f1b 2.73%, #c39c65 99.13%);

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

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

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

  --font-family: Geogrotesque Wide;
}