/* 品牌主色：#2196F3（Material Blue 500）
 * C 端所有页面统一用这一套颜色，改这一个文件就能全站换色。
 * 这里覆盖的是页面里原来用的 indigo 系列类名，
 * 包括 JS 动态 toggleClass 加上的，也一并生效。
 */
:root {
  --brand: #2196F3;        /* 主色 */
  --brand-dark: #1976D2;   /* 深一档：渐变终点、按下态、白底上的文字 */
  --brand-light: #E3F2FD;  /* 浅底：标签、小徽章 */
}

/* 浅底 + 文字 */
.bg-indigo-50 { background-color: var(--brand-light) !important; }
.text-indigo-600,
.text-indigo-700 { color: var(--brand-dark) !important; }

/* 实心主色按钮 / 徽章 */
.bg-indigo-500,
.bg-indigo-600,
.bg-indigo-700 { background-color: var(--brand) !important; }

/* 顶部渐变：#2196F3 -> #1976D2 */
.from-indigo-500 { --tw-gradient-from: var(--brand) !important; }
.to-indigo-700 { --tw-gradient-to: var(--brand-dark) !important; }

/* 高亮描边 */
.ring-indigo-300 { --tw-ring-color: var(--brand) !important; }

/* 按下态 */
.active\:bg-indigo-100:active { background-color: #BBDEFB !important; }
.active\:bg-indigo-700:active { background-color: var(--brand-dark) !important; }