/* ===========================================================
   直播站 · 主题映射层（同色系，但有别于门户）
   -----------------------------------------------------------
   门户 theme.css 定义 9 套主题的原始变量（--brand/--accent 等）；
   本文件把「主题品牌色」映射为直播站的 --primary。
   直播站跟门户同用品牌色系，但直播站取更饱和的亮端 + 自有渐变封面，
   呈现上比门户更活泼。
   用户在右下角「外观」里自选配色与背景（存本机 localStorage）。
   =========================================================== */

:root {
  /* 语义对齐：直播站变量 ← 门户主题变量 */
  --card: var(--surface, #fff);
  --text: var(--ink, #2d3436);
  --muted: var(--ink-3, #8a8f99);
}

/* 各主题 → 直播站主色（品牌色亮端 / 深端） */
html[data-theme="moye"],    :root { --primary: #35725F; --primary-dark: #1F3F36; }
html[data-theme="qingci"]       { --primary: #35797F; --primary-dark: #1D4851; }
html[data-theme="nuanmu"]       { --primary: #9A6538; --primary-dark: #6A4123; }
html[data-theme="danxia"]       { --primary: #855A82; --primary-dark: #5A3757; }
html[data-theme="canglan"]      { --primary: #325883; --primary-dark: #1D3A5C; }
html[data-theme="suye"]         { --primary: #51755F; --primary-dark: #354F41; }
html[data-theme="feitao"]       { --primary: #BE5136; --primary-dark: #8A3421; }
html[data-theme="xingtan"]      { --primary: #C9821E; --primary-dark: #96590E; }
html[data-theme="qiansha"]      { --primary: #B15467; --primary-dark: #7E3644; }
html[data-theme="duxin"]        { --primary: #5B8594; --primary-dark: #3A5C69; }
/* 家居配色系（2026-10-01，门户 theme.css §11-17）：品牌色亮端 + 深端 */
html[data-theme="hutao"]        { --primary: #6B4C33; --primary-dark: #33241A; }
html[data-theme="naiyou"]       { --primary: #A96A44; --primary-dark: #74422A; }
html[data-theme="kaji"]         { --primary: #7A7250; --primary-dark: #514A33; }
html[data-theme="bohe"]         { --primary: #3F8468; --primary-dark: #28594A; }
html[data-theme="wulan"]        { --primary: #547A94; --primary-dark: #395366; }
html[data-theme="taofen"]       { --primary: #B46771; --primary-dark: #86474F; }
html[data-theme="ehuang"]       { --primary: #5F6C72; --primary-dark: #414A4D; }

/* 子站个性：视频封面渐变跟随主题（与门户的静态 hero 区分） */
.video-cover { background: linear-gradient(135deg, var(--primary), var(--primary-dark)); }
.video-cover.replay { background: linear-gradient(225deg, var(--primary), var(--primary-dark)); }

/* 主题背景纹理（门户 theme.css 的 body 背景规则同样生效） */