/* 沐元 · 达人模版库 · 三套主题（同一套布局，只换一组颜色变量）
 *
 * 每个前景色都按 WCAG AA（正文 ≥ 4.5:1）算过，最严格的那一档是「压在最深的
 * 那块面板上」：深色主题看 --surface2，浅色主题看 --surface2。
 * 两组品牌色是故意的：
 *   --brand    给「当底」用（按钮 / 选中态 / 角标），配 --brand-ink 的文字
 *   --brand-2  给「当字」用（tab 高亮 / 小标签 / 数字），压在各层面板上
 * 深色主题这俩基本一样；浅色主题的 --brand 太亮、当字看不清，所以必须拆开。
 * 改色请务必重跑 `daren-lib\test\smoke.js`，里面有一条钉住对比度的断言。
 */
:root, [data-theme="dou"] {
  --bg: #0E0E12;
  --surface: #16161C;
  --surface2: #1E1E26;
  --line: #2A2A34;
  --text: #F5F5F7;
  --dim: #9A9AA8;
  --brand: #E11D48;
  --brand-ink: #FFFFFF;
  --brand-2: #FF5C7A;
  --accent: #25F4EE;
  --ok: #2ED573;
  --warn: #FFB020;
  --score: linear-gradient(135deg, #C81E43 0%, #127C8C 100%);
  --score-ink: #FFFFFF;
  --score-rgb: 255, 255, 255;
  --hero: linear-gradient(155deg, #2b1b3d, #5b2a55);
}

[data-theme="nai"] {
  --bg: #FBF7F2;
  --surface: #FFFFFF;
  --surface2: #F4EDE4;
  --line: #E7DED2;
  --text: #241E1A;
  --dim: #736960;
  --brand: #FF6B4A;
  --brand-ink: #241E1A;
  --brand-2: #C63410;
  --accent: #B34B16;
  --ok: #23794E;
  --warn: #9A5C11;
  --score: linear-gradient(135deg, #C63410 0%, #8F4410 100%);
  --score-ink: #FFFFFF;
  --score-rgb: 255, 255, 255;
  --hero: linear-gradient(155deg, #ffd9cc, #ffb59e);
}

[data-theme="hu"] {
  --bg: #1A1410;
  --surface: #241C15;
  --surface2: #2E241B;
  --line: #3E3125;
  --text: #F6EFE6;
  --dim: #A9988A;
  --brand: #E8A33D;
  --brand-ink: #241C15;
  --brand-2: #E8A33D;
  --accent: #F0C070;
  --ok: #5FBF7F;
  --warn: #E8A33D;
  --score: linear-gradient(135deg, #E8A33D 0%, #F0C070 100%);
  --score-ink: #241C15;
  --score-rgb: 36, 28, 21;
  --hero: linear-gradient(155deg, #3a2a14, #6b4a1e);
}