:root {
  /* 主要颜色 */
  --primary-blue: #458CFF;
  --primary-dark-blue: #3A75D9;
  --primary-light-blue: #6BA1FF;

  /* 中性颜色 */
  --neutral-gray: #838383;
  --neutral-light-gray: #EEEEEE;
  --neutral-lighter-gray: #F6F6F6;
  --neutral-white: #FFFFFF;

  /* 强调色 */
  --accent-orange: #FF6600;

  /* 功能性颜色 */
  --text-primary: #838383;
  --text-light: var(--neutral-white);
  --text-dark: #333333;

  /* 背景颜色 */
  --background-primary: var(--neutral-white);
  --background-secondary: var(--neutral-lighter-gray);
  
  /* 按钮颜色 */
  --button-primary: var(--primary-blue);
  --button-hover: var(--primary-dark-blue);
  --button-cta: var(--primary-blue);

  /* 边框颜色 */
  --border-color: var(--neutral-light-gray);

  /* 卡片颜色 */
  --card-background: var(--neutral-white);
  --card-border: var(--neutral-light-gray);

  /* 页眉和页脚背景 */
  --header-footer-bg: var(--primary-dark-blue);
}

/* 使用示例:
.header {
  background-color: var(--header-footer-bg);
  color: var(--text-light);
}

.button-primary {
  background-color: var(--button-primary);
  color: var(--text-light);
}

.button-cta {
  background-color: var(--button-cta);
  color: var(--text-light);
}

.card {
  background-color: var(--card-background);
  color: var(--text-primary);
}
*/