:root {
  /* Bootstrap Overrides */
  --bs-primary: #3897B3;
  --bs-primary-light: #4EC1C4;
  --bs-background: #F2F7F7;
  --bs-highlight: #F1C40F;
  --bs-text-dark: #2C3E50;
  
  /* 基础色彩 */
  --color-primary: #3897B3;    /* 主色-蓝色 */
  --color-secondary: #4EC1C4;  /* 辅色-青色 */
  --color-accent: #F1C40F;     /* 强调色-金色 */
  --color-background: #F2F7F7; /* 背景色-淡灰白色 */
  --color-text: #2C3E50;       /* 文字色-深灰 */

  /* 主色衍生 */
  --color-primary-light: #4FABC7;
  --color-primary-dark: #2A7A93;

  /* 辅色衍生 */
  --color-secondary-light: #6FCDD0;
  --color-secondary-dark: #3EA7AA;

  /* 文本颜色变体 */
  --text-primary: var(--color-text);
  --text-light: #5D6D7E;
  --text-lighter: #8395A7;

  /* 背景颜色变体 */
  --bg-primary: var(--color-background);
  --bg-secondary: #FFFFFF;
  --bg-accent: var(--color-accent);
}