/* dekooz 主题变量：所有 dekooz 页面共用（主站、用户中心、云端训练、后台）。
 * 浅色为默认；深色跟随系统（html[data-theme="light"] 可强制浅色，html[data-theme="dark"] 强制深色）。
 * 只放变量，不放样式；页面自己的 CSS 只用这些变量，不写死颜色。 */
:root {
  --bg: #f6f7f9;
  --panel: #ffffff;
  --text: #141a24;
  --muted: #5b6474;
  --border: #e2e5eb;
  --accent: #2357d8;
  --accent-text: #ffffff;
  --accent-soft: rgba(35, 87, 216, 0.08);
  --warn: #9a5b00;
  --warn-soft: rgba(214, 140, 0, 0.12);
  --danger: #c62f28;
  --danger-soft: rgba(198, 47, 40, 0.08);
  --ok: #0f7b4f;
  --ok-soft: rgba(15, 123, 79, 0.1);
  --shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.06);
  --radius: 14px;
  color-scheme: light;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0d1016; --panel: #151a23; --text: #e8ecf2; --muted: #9aa4b4; --border: #262d3a;
    --accent: #6d97ff; --accent-text: #0b1020; --accent-soft: rgba(109, 151, 255, 0.12);
    --warn: #f0b44c; --warn-soft: rgba(240, 180, 76, 0.12); --danger: #ff7a72; --danger-soft: rgba(255, 122, 114, 0.1);
    --ok: #3fcf8e; --ok-soft: rgba(63, 207, 142, 0.12); --shadow: none;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: #0d1016; --panel: #151a23; --text: #e8ecf2; --muted: #9aa4b4; --border: #262d3a;
  --accent: #6d97ff; --accent-text: #0b1020; --accent-soft: rgba(109, 151, 255, 0.12);
  --warn: #f0b44c; --warn-soft: rgba(240, 180, 76, 0.12); --danger: #ff7a72; --danger-soft: rgba(255, 122, 114, 0.1);
  --ok: #3fcf8e; --ok-soft: rgba(63, 207, 142, 0.12); --shadow: none;
  color-scheme: dark;
}