/* ===== 云安知识库 · 品牌覆盖层 =====
 * 加载顺序：在 theme.css 之后（index.html 里显式 link）
 * 选择器用 :root:root:root 提高特异性，压过主题里的 :root:root
 * 只覆盖品牌色与 logo 表现，不动布局
 */

/* ---------- 浅色主题 ---------- */
:root:root:root,
:root:root:root[theme-mode="light"] {
  --td-brand-color-1: #e8f2ff;
  --td-brand-color-2: #c9e1ff;
  --td-brand-color-3: #9bc8ff;
  --td-brand-color-4: #1677ff;
  --td-brand-color-5: #0e68e8;
  --td-brand-color-6: #0a57cc;
  --td-brand-color-7: #0647a8;
  --td-brand-color-8: #043884;
  --td-brand-color-9: #022a61;
  --td-brand-color-10: #011c3d;

  --td-brand-color: var(--td-brand-color-4);
  --brand-main: var(--td-brand-color-4);
  --td-brand-color-hover: var(--td-brand-color-3);
  --td-brand-color-active: var(--td-brand-color-5);
  --td-brand-color-focus: color-mix(in srgb, var(--td-brand-color) 20%, transparent);
  --td-brand-color-disabled: #a8caff;
  --td-brand-color-light: var(--td-brand-color-1);
}

/* ---------- 深色主题 ---------- */
:root:root:root[theme-mode="dark"] {
  --td-brand-color-1: #0e2a4d;
  --td-brand-color-2: #123a69;
  --td-brand-color-3: #1b4c86;
  --td-brand-color-4: #2a66a8;
  --td-brand-color-5: #3b82c4;
  --td-brand-color-6: #4c9bff;
  --td-brand-color-7: #6fb2ff;
  --td-brand-color-8: #93c7ff;
  --td-brand-color-9: #b8daff;
  --td-brand-color-10: #d9ebff;

  --td-brand-color: var(--td-brand-color-6);
  --brand-main: var(--td-brand-color-6);
  --td-brand-color-hover: var(--td-brand-color-7);
  --td-brand-color-active: var(--td-brand-color-5);
  --td-brand-color-focus: color-mix(in srgb, var(--td-brand-color) 28%, transparent);
  --td-brand-color-disabled: #1b4c86;
  --td-brand-color-light: var(--td-brand-color-1);
}

/* ---------- Logo 表现 ----------
 * 原主题在深色下对 logo 做 invert + hue-rotate，会把彩色品牌标变成怪色，
 * 这里关掉反色，改为轻微提亮，保证蓝色在深色背景上可读。
 */
html[theme-mode="dark"] .aside_box .logo_box .logo {
  filter: none;
  opacity: 0.96;
}
html[theme-mode="light"] .aside_box .logo_box .logo {
  filter: none;
}

/* 登录页/加载页若使用同一品牌色，保持一致性 */
.t-loading__spinner,
.t-button--theme-primary {
  --td-brand-color: var(--td-brand-color-4);
}