/* ==========================================================================
 * 品牌色映射：把组件色板接到 Elementor Global Colors
 *
 * ⚠ 作用域必须写在 body，不能写 :root
 *   Elementor 的全局色变量定义在 body 的 .elementor-kit-xxx 上
 *   （--e-global-color-*）。:root 是 html，是 body 的父级，
 *   父级拿不到子级的变量 → var() 解析失败，静默回落到兜底色。
 *   实测：:root 里引用 → 变量值为空；body 里引用 → 正常。
 *
 * 映射（用户指定）：
 *   主色 = Bt_color         #3368C6  → --e-global-color-7405d13
 *   次色 = Button Hover     #2254AA  → --e-global-color-332724a
 *   浅底 = Light Background #F9F9F9  → --e-global-color-cfa1f76
 *   深色 = Header Font      #131313  → --e-global-color-secondary
 *   正文 = Basic Font       #545454  → --e-global-color-primary
 *
 * 每个映射都带兜底值：Elementor 变量不存在时（换主题、kit 重建、
 * 插件在后台被禁用等），自动回落到适配层内置的品牌色，不会失控。
 *
 * 已知限制：--*-rgb 是裸数字分量（给 rgba() 用），CSS 无法从颜色变量里
 * 拆出分量，只能写死。如果你在 Elementor 里改了 Bt_color，记得同步这几个
 * RGB 值（tools/apply-brand-colors.py 可一键重算）。
 * ========================================================================== */

body[class*="elementor-kit-"] {

  /* ---------- 主色：Bt_color ---------- */
  --theme-color1: var(--e-global-color-7405d13, #3368c6);
  --theme-color1-text-color: var(--e-global-color-text, #ffffff);
  --theme-color1-rgb: 51, 104, 198;
  --theme-color1-lighter: #5885d4;
  --theme-color1-darker: #29539d;

  /* ---------- 深色：Header Font ---------- */
  --theme-color2: var(--e-global-color-secondary, #131313);
  --theme-color2-text-color: var(--e-global-color-text, #ffffff);
  --theme-color2-rgb: 19, 19, 19;
  --theme-color2-lighter: #2b2b2b;
  --theme-color2-darker: #000000;

  /* ---------- 次色：Button Hover ---------- */
  --theme-color3: var(--e-global-color-332724a, #2254aa);
  --theme-color3-text-color: var(--e-global-color-text, #ffffff);
  --theme-color3-rgb: 34, 84, 170;
  --theme-color3-lighter: #2a69d4;
  --theme-color3-darker: #193d7b;

  /* ---------- 浅底：Light Background ---------- */
  --theme-color4: var(--e-global-color-cfa1f76, #f9f9f9);
  --theme-color4-text-color: var(--e-global-color-secondary, #131313);
  --theme-color4-rgb: 249, 249, 249;
  --theme-color4-lighter: #ffffff;
  --theme-color4-darker: #e7e7e7;

  /* ---------- 语义色 ---------- */
  --headings-color: var(--e-global-color-secondary, #131313);
  --text-color: var(--e-global-color-primary, #545454);
  --heading-color: var(--e-global-color-secondary, #131313);
  --hover-theme-color: var(--e-global-color-7405d13, #3368c6);
  --link-hover-color: var(--e-global-color-7405d13, #3368c6);
  --border: var(--e-global-color-4d462f5, #eeeeee);
}