/* ============================================================
   方圆知识库 · WeKnora → JIUZHANG sk-theme 适配层
   （二开工作台落盘 sk-theme.css 后的手工适配，2026-10-09）

   作用：
     1. 把 WeKnora 覆盖过的 TDesign 品牌绿色 ramp 整体映射到
        九章深宝石紫（--kaypal-* token，见同目录 sk-theme.css）；
     2. 表面色对齐（画布纯白 / 侧栏紫灰 #F5F3F7）；
     3. 品牌主题（data-theme=brand）下给 TDesign 深色表面换紫黑底；
     4. 登录页绿色渐变 → 九章紫渐变；
     5. embed 小组件主色跟随。
   优先级：选择器形态与 WeKnora 主题（:root:root 双写）一致，
   本文件在 index.html 中排在其后加载，同特异性后者胜。
   ============================================================ */

/* ---- 1. 品牌 ramp（亮色）：对应 WeKnora 绿 ramp 的梯度位置 ---- */
:root:root,
:root:root[theme-mode="light"] {
  --td-brand-color-1: #F3EFFE;
  --td-brand-color-2: #E4DBFB;
  --td-brand-color-3: #C9B8F6;
  --td-brand-color-4: #AE8FF2;
  --td-brand-color-5: #8B5CF6;
  --td-brand-color-6: #7C3AED;
  --td-brand-color-7: #6D28D9;
  --td-brand-color-8: #5B21B6;
  --td-brand-color-9: #4C1D95;
  --td-brand-color-10: #2E1065;
  /* 语义位：跟随 sk-theme 权威 token（hover 加深，同壳一致） */
  --td-brand-color: var(--kaypal-primary, #6D28D9);
  --td-brand-color-hover: var(--kaypal-primary-hover, #5B21B6);
  --td-brand-color-active: #4C1D95;
  --td-brand-color-focus: color-mix(in srgb, var(--kaypal-primary, #6D28D9) 20%, transparent);
  --td-brand-color-disabled: #C9B8F6;
  --td-brand-color-light: var(--kaypal-accent-tint, #EBE7F4);
  --td-brand-color-light-hover: #DFD7F5;
  --td-brand-color-light-active: #C9BDF0;
  --td-text-color-brand: var(--kaypal-primary, #6D28D9);
  --td-text-color-link: var(--kaypal-primary, #6D28D9);
  /* 表面：画布纯白，侧栏紫灰（壳的 --kaypal-sidebar） */
  --td-bg-color-page: var(--kaypal-bg, #ffffff);
  --td-bg-color-sidebar: var(--kaypal-sidebar, #F5F3F7);
  --td-bg-color-secondarycontainer: var(--kaypal-sidebar, #F5F3F7);
  /* embed 小组件主色（embed.html 用） */
  --embed-primary: var(--kaypal-primary, #6D28D9);
  /* 字体对齐壳 */
  --app-font-family: -apple-system, BlinkMacSystemFont, "SF Pro Text", "PingFang SC",
    "HarmonyOS Sans SC", "MiSans", "Segoe UI", "Microsoft YaHei", ui-sans-serif, sans-serif;
}

/* ---- 2. 暗色 ramp：参考壳暗色主紫 #7C3AED / 主 ink #A78BFA ---- */
:root:root[theme-mode="dark"] {
  --td-brand-color-1: rgba(139, 92, 246, .13);
  --td-brand-color-2: #2E1065;
  --td-brand-color-3: #4C1D95;
  --td-brand-color-4: #5B21B6;
  --td-brand-color-5: #6D28D9;
  --td-brand-color-6: #7C3AED;
  --td-brand-color-7: #8B5CF6;
  --td-brand-color-8: #A78BFA;
  --td-brand-color-9: #C4B5FD;
  --td-brand-color-10: #DDD6FE;
  --td-brand-color: #8B5CF6;
  --td-brand-color-hover: #A78BFA;
  --td-brand-color-active: #7C3AED;
  --td-brand-color-focus: color-mix(in srgb, #8B5CF6 28%, transparent);
  --td-brand-color-disabled: #4C1D95;
  --td-brand-color-light: rgba(139, 92, 246, .13);
  --td-brand-color-light-hover: rgba(139, 92, 246, .20);
  --td-brand-color-light-active: rgba(139, 92, 246, .28);
  --td-text-color-brand: #C4B5FD;
  --td-text-color-link: #C4B5FD;
}

/* ---- 3. 品牌主题（壳 data-theme=brand 时经适配 JS 同步为 theme-mode=dark，
        再把 TDesign 深灰表面压成紫黑） ---- */
:root:root[data-theme="brand"] {
  --td-bg-color-page: #100A1C;
  --td-bg-color-sidebar: #0C0815;
  --td-bg-color-secondarycontainer: #130E22;
  --td-bg-color-container: #171123;
  --td-bg-color-container-hover: #1E1730;
  --td-bg-color-container-active: #261C3E;
  --td-bg-color-component: #1E1730;
  --td-bg-color-component-hover: #261C3E;
  --td-component-stroke: #2A2142;
  --td-component-border: rgba(220, 208, 255, .16);
  --td-gray-color-14: #100A1C;
}

/* ---- 4. 内联背景覆盖（index.html 启动脚本写死了 #eee / #181818 内联样式） ---- */
html { background: var(--kaypal-bg, #ffffff) !important; }
body { background: var(--kaypal-bg, #ffffff) !important; }
#app { background: transparent !important; }
html[theme-mode="dark"] { background: var(--kaypal-bg, #1e1e1e) !important; }
html[theme-mode="dark"] body { background: var(--kaypal-bg, #1e1e1e) !important; }
:root[data-theme="brand"] { background: var(--kaypal-bg, #100A1C) !important; }

/* ---- 5. 登录页：绿色渐变 → 九章深紫渐变 ---- */
.login-layout.login-layout {
  background: linear-gradient(225deg, #150929, #2E1065 15%, #4C1D95 30%, #5B21B6 45%,
    #6D28D9 58%, #7C3AED 72%, #8B5CF6 85%, #A78BFA) !important;
}

/* ---- 6. 设置抽屉等散点硬编码绿（#07c05f）跟随品牌色 ---- */
.parser-engine-drawer--weknoracloud .setting-drawer__header-icon {
  color: var(--td-brand-color, #6D28D9);
}

/* ---- 7. 登录页提示条：误用 success 绿底（.form-hint 用了 --td-success-color-light），
        压成品牌浅紫；文字本就走 brand token 已是紫 ---- */
.login-layout .form-hint {
  background: var(--kaypal-accent-tint, #EBE7F4) !important;
}
.login-layout .t-alert--theme-success {
  background: var(--kaypal-accent-tint, #EBE7F4) !important;
}
.login-layout .t-alert--theme-success .t-alert__description,
.login-layout .t-alert--theme-success .t-alert__message,
.login-layout .t-alert--theme-success .t-alert__title {
  color: #4C1D95 !important;
}