/* =========================================================================
   TMC LAB OA · 主题切换（浅色 / 暗色极光）通用层
   -------------------------------------------------------------------------
   始终加载（app.css 之后、theme-aurora.css 之前）：
     · 主题切换按钮样式（基于令牌，浅色/暗色两种主题下都与页眉协调）
     · 补定义 app.css 缺失的令牌 --grad-nav / --grad-emphasis / --brand，
       修复“浅色模式下侧栏背景透明、白色导航文字不可见”的潜在 bug
   ========================================================================= */

/* 主题切换按钮：沿用页眉 .iconbtn 造型，加浅描边与底色使其更显眼 */
.iconbtn.theme-toggle{
  background:var(--surface-3);
  border:1px solid var(--line);
  color:var(--ink-2);
}
.iconbtn.theme-toggle:hover{
  background:var(--accent-soft);
  border-color:var(--accent);
  color:var(--accent);
  transform:translateY(-.5px);
}
.iconbtn.theme-toggle:active{transform:scale(.92)}
.iconbtn.theme-toggle svg{width:17px;height:17px}

/* 补定义基础令牌（浅色与暗色共用，避免 app.css 中未定义导致的渲染异常） */
:root{
  --grad-nav:linear-gradient(180deg,#0b1126 0%,#080d1e 100%);  /* 侧栏暗色渐变（原缺失） */
  --grad-emphasis:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%);
  --brand:#4C6FE0;                                               /* 浅色体系主色（原缺失） */
}