:root {
  --header-height: 72px;
  /* 🎨 基础色 */
  --color-primary: #dc3e3d;
  --color-primary-opacity-2: rgba(220, 62, 61, 0.2);
  --color-secondary: #ece219;
  --color-tertiary: #f9bc01;
  --color-quaternary: #009b3a;
  --color-transparent: #ffffff99;
  --color-background: #1d2027;
  --color-success: #1ce447;
  --color-error: #c33c3c;

  /* 📝 文字颜色（层级） */
  --color-text-primary: #ffffff;
  --color-text-secondary: #798098;
  --color-text-tertiary: #394352;

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

  /* 📥 输入框样式 */
  --color-input-background: #15161c;
  --color-input-border: #282d3a;

  /* 🔽 下拉相关 */
  --color-dropdown-background: #343742;
  --color-dropdown-homepage-promo-gradient: linear-gradient(360deg, #c01212 0%, #2c2b39 86.9%);

  /* 💬 弹窗 */
  --color-modal-background: #23262f;
  --color-modal-gradient: linear-gradient(180deg, #b53131 0%, #000000 100%);

  /* 📱 底部 Tab 栏 */
  --color-tabbar-background: #131622;
  --color-tabbar-inactive: #4c4a55;

  /* 🌈 特殊场景 */
  --color-background-agent-gradient: linear-gradient(180deg, #763735 0%, #ae292b 100%);

  --font-family: Geogrotesque Wide;
}