/* ============================================================
   培训板块(entry / training / sales-sim)· 深/浅主题 + 切换按钮
   浅色只覆盖 token,页面本身全用 token 驱动 → 自动适配。
   偏好存 localStorage 'theme',与主站共用。
   ============================================================ */

/* 浅色令牌(深色为各页 :root 默认) */
[data-theme="light"] {
  --bg: #f6f7f9; --panel: #ffffff; --surface: #ffffff; --surface-2: #eef1f5;
  --line: rgba(15,23,42,.10); --line-2: rgba(15,23,42,.06);
  --ink: #14161c; --ink-2: #475569; --ink-3: #667085;
  --amber: #b45309; --amber-2: #d97706; --amber-ink: #ffffff; --amber-wash: rgba(180,83,9,.10);
  --indigo: #4f46e5; --indigo-wash: rgba(79,70,229,.10);
  --ok: #059669; --bad: #dc2626; --info: #0284c7;
}

/* 深/浅切换按钮 */
.tt-toggle {
  width: 38px; height: 38px; border-radius: 11px;
  display: grid; place-items: center; cursor: pointer; flex-shrink: 0;
  background: transparent; border: 1px solid var(--line, rgba(255,255,255,.12));
  color: var(--ink, #f2f3f6); transition: all .18s cubic-bezier(.22,1,.36,1);
}
.tt-toggle:hover { border-color: var(--amber, #f5b445); color: var(--amber, #f5b445); }
.tt-toggle svg { width: 18px; height: 18px; }


/* 主题切换瞬间禁用一切过渡(修 CSS 变量派生属性卡色) */
.theme-switching,
.theme-switching *,
.theme-switching *::before,
.theme-switching *::after { transition: none !important; }