/* =========================================================
   按钮文字色 / 下载来源强调色 · 主题令牌
   必须前置于 main.css、theme.css、admin.css 加载：
   这三个文件只使用这里声明的变量，不再各自写死按钮文字颜色。
   ========================================================= */

:root {
  /* 深色底 / 实色渐变底按钮：字体恒为纯白，不随主题变化 */
  --on-solid: #ffffff;

  /* 表面底按钮：
     · 深色主题（aurora / obsidian / jade）底是暗色 → 纯白字
     · 浅色主题（frost / paper / blush）底是亮色 → 跟随主题主文字色 */
  --btn-surface-text: #ffffff;

  /* 下载来源红色标注（深色主题用亮红，浅色主题用深红，保证对比度） */
  --source-red: #ff5252;
  --source-red-bg: rgba(255, 82, 82, .1);
  --source-red-line: rgba(255, 82, 82, .34);

  /* 访问限制弹窗必须使用不透明底色：--panel 在深色主题只有 3% 白，
     会让背景页面文字透出，造成弹窗内出现重影 */
  --guard-card-bg: #101827;
  --guard-chip-bg: #101827;
}

html[data-theme="frost"],
html[data-theme="paper"],
html[data-theme="blush"] {
  --btn-surface-text: var(--text);
  --source-red: #d81e1e;
  --source-red-bg: rgba(216, 30, 30, .07);
  --source-red-line: rgba(216, 30, 30, .28);
  --guard-card-bg: #ffffff;
  --guard-chip-bg: #ffffff;
}