/* ==================================================================
 * theme-lilac.css  —— 「暖紫」主题（新增第三套，独立文件）
 * ------------------------------------------------------------------
 * 风格来源：用户指定的 watchlist 页面设计语言 —— 奶油底 + 薰衣草紫光 +
 *           大圆角 + 柔和阴影。整体属于「浅色家族」，与既有浅色/深色并存。
 *
 * ⚠️ 本文件与 app.css / theme.js 完全解耦：
 *    · 只新增 html[data-theme="lilac"] 这一块「同名令牌」取值；
 *    · 不新增选择器、不改动 app.css 里 :root（浅色）与 [data-theme="dark"]（深色）；
 *    · 组件样式一行不用改 —— 它们引用的是 var(--xxx) 名字，不是色值。
 *    所以原有两套主题逐字节不受影响，本主题可随时删掉文件即回退。
 *
 * 加载位置：必须在 app.css 之后（同名变量靠后者覆盖）。
 * ================================================================== */

html[data-theme="lilac"]{
  color-scheme: light;

  /* —— 主色：watchlist 的薰衣草紫 #7356FF 家族 —— */
  --brand:#7356FF; --brand-h:#5F42E8; --brand-a:#4B32C3; --brand-bg:#F2EEFF; --brand-bd:#DCD2FF;

  /* —— 功能色：只微调底色为暖调，语义与对比度不变 —— */
  --ok:#16A34A;   --ok-bg:#EFFBF3;
  --warn:#D97706; --warn-bg:#FFF6E6;
  --bad:#DC2626;  --bad-bg:#FFF1F2; --bad-bd:#FECDD3; --bad-h:#EF4444;
  --info:#0EA5E9; --info-bg:#EFF8FF;
  --ok-d:#15803D; --warn-d:#92400E; --bad-d:#991B1B; --warn-bd:#FBDDA0; --ok-bd:#BBF7D0;

  /* —— 识别色 7 色 × 4 档：整体向「紫 / 青 / 金 / 玫」暖调偏移 —— */
  --c-indigo:#7356FF; --c-indigo-d:#4B32C3; --c-indigo-bg:#F0EBFF; --c-indigo-bd:#D8CCFF;
  --c-violet:#9B5CF6; --c-violet-d:#6D28D9; --c-violet-bg:#F6F0FF; --c-violet-bd:#E4D6FF;
  --c-cyan:#0E9FB5;   --c-cyan-d:#0B6B7A;   --c-cyan-bg:#ECFAFD;   --c-cyan-bd:#B6ECF5;
  --c-teal:#0D9488;   --c-teal-d:#115E59;   --c-teal-bg:#EFFBF7;   --c-teal-bd:#A7EFE0;
  --c-amber:#D98A06;  --c-amber-d:#92400E;  --c-amber-bg:#FFF7E8;  --c-amber-bd:#FBDDA0;
  --c-rose:#E14066;   --c-rose-d:#9F1239;   --c-rose-bg:#FFF1F4;   --c-rose-bd:#FECDD3;
  --c-sky:#2E7BE0;    --c-sky-d:#1E4C8A;    --c-sky-bg:#EFF6FF;    --c-sky-bd:#BFDBFE;

  /* —— 品牌渐变：同 135°，换成紫→浅紫 —— */
  --grad:#7356FF;
  --grad-brand:linear-gradient(135deg,#7356FF 0%,#9B7BFF 100%);
  --grad-brand-h:linear-gradient(135deg,#5F42E8 0%,#8563F0 100%);
  --grad-sheen:linear-gradient(180deg,rgba(255,255,255,.9) 0%,rgba(255,255,255,0) 100%);

  /* —— 文字与线：暖紫墨色 —— */
  --ink:#2B2552; --ink2:#4E4770; --ink3:#6E6697; --ink4:#9A93B8; --ink5:#D3CCEA;
  --line:#ECE6FF; --line2:#F5F1FF; --line-strong:#DCD2F5;
  --bg:#FFF8EE; --panel:#FFF8EE;
  --surface:#FFFFFF; --card:#FFFFFF;

  /* —— 面栈 / 侧栏 / 徽标圈 —— */
  --surface-2:#FBF7FF; --surface-3:#F4EFFF;
  --side-a:#FFFFFF; --side-b:#F7F2FF;
  --ring:#FFFFFF; --edge-hi:#FFFFFF;

  /* —— 极淡色底 —— */
  --tint-brand:#F4F1FF; --tint-cyan:#EFFBFE; --tint-violet:#F8F4FF;
  --tint-amber:#FFF9EE; --tint-rose:#FFF4F7; --tint-green:#F1FCF6; --tint-slate:#F8F6FD;

  /* —— 表格选中列 / 命中 / 高亮 / 名次 —— */
  --row-on:#F2EEFF; --row-on-h:#EAE3FF; --row-on-me:#DFD5FF;
  --hit:#FFE9A8; --hit-fg:#7C4A03;
  --mark-bg:#FEF3C7; --mark-fg:#92400E;
  --rank-2:#E6E0FF; --rank-3:#F1EDFF;

  /* —— 页面底光晕：紫调更明显，出货奶油底上的纵深 —— */
  --glow-violet:rgba(115,86,255,.12); --glow-indigo:rgba(115,86,255,.08);

  /* —— 半透明层：顶栏毛玻璃仍是白系 —— */
  --topbar-bg:rgba(255,255,255,.86);
  --veil:rgba(255,255,255,.85);
  --bar-bg:rgba(255,255,255,.97);

  /* —— 实心深标（已停售 / 已终止）：换成紫墨底 —— */
  --solid:#3E3560; --solid-bd:#2E2748;

  /* —— 阴影：改用紫调，比中性灰更「软」—— */
  --sh-xs:0 1px 2px rgba(94,73,186,.06);
  --sh:0 1px 2px rgba(94,73,186,.06), 0 1px 3px rgba(94,73,186,.08);
  --sh-md:0 2px 4px rgba(94,73,186,.05), 0 6px 16px rgba(94,73,186,.10);
  --sh-lg:0 12px 32px rgba(94,73,186,.18), 0 2px 6px rgba(94,73,186,.08);
}

/* ------------------------------------------------------------------
 * v2 外壳同步（dash.html / lead.html 用了 <body class="v2">）
 * body.v2 自带一套 --v2-* 变量，作用域只在 .v2 页面；上面那批 v1 令牌管不到它。
 * 这里把 v2 的「颜色类」令牌同步翻成暖紫，尺寸类（--v2-side-w / --v2-r-* / --v2-t-* …）保持不动。
 * ⚠️ 只新增 html[data-theme="lilac"] body.v2 这一块，不碰原 body.v2 与 [data-theme="dark"] body.v2。
 * ------------------------------------------------------------------ */
html[data-theme="lilac"] body.v2{
  --v2-brand:#7356FF; --v2-brand-2:#9B7BFF; --v2-brand-bg:#F2EEFF; --v2-brand-bd:#DCD2FF; --v2-brand-active:#4B32C3;
  --v2-ok:#16A34A; --v2-ok-bg:#EFFBF3;
  --v2-warn:#D97706; --v2-warn-bg:#FFF6E6; --v2-warn-text:#92400E;
  --v2-danger:#DC2626; --v2-danger-bg:#FFF1F2; --v2-danger-text:#991B1B;
  --v2-info:#0EA5E9; --v2-info-bg:#EFF8FF; --v2-info-text:#075985;
  --v2-surface:#FFFFFF; --v2-surface-2:#FBF7FF; --v2-surface-3:#F4EFFF;
  --v2-line:#ECE6FF; --v2-line-2:#F5F1FF; --v2-line-strong:#DCD2F5;
  --v2-ink:#2B2552; --v2-ink-2:#4E4770; --v2-ink-3:#6E6697; --v2-ink-4:#9A93B8;
  --v2-sh-xs:0 1px 2px rgba(94,73,186,.06);
  --v2-sh-sm:0 2px 8px rgba(94,73,186,.08);
  --v2-sh-md:0 8px 28px rgba(94,73,186,.14);
}