/* ==========================================================================
   看板主题：夜间（默认，深色）/ 白天模式（浅色）
   - 三个页面（index / entry / sources）共用本文件
   - 用 html[data-theme="light"] 提升优先级，覆盖各页 :root 里的深色变量
   - 切换逻辑见 theme.js（localStorage 记在 tvboard_theme）
   ========================================================================== */

/* 深色（默认）原生控件配色 */
html[data-theme="dark"] { color-scheme: dark; }

/* ---------- 白天模式：浅色变量 ---------- */
html[data-theme="light"] {
  --bg: #f3f6fc;
  --panel: #ffffff;
  --panel2: #e9f0fa;
  --line: #d3dfef;
  --cyan: #0891b2;
  --pink: #db2777;
  --purple: #7c3aed;
  --green: #059669;
  --amber: #d97706;
  --txt: #0f1b2d;
  --dim: #5b6b86;
  color-scheme: light;
}

/* 页面底色（各页 body 里的深色渐变背景需要单独覆盖） */
html[data-theme="light"] body {
  background: radial-gradient(1200px 800px at 70% -10%, #e2ecfb 0%, var(--bg) 55%);
}

/* 卡片：浅色下用淡投影代替发光 */
html[data-theme="light"] .card,
html[data-theme="light"] .ring-card,
html[data-theme="light"] .sec,
html[data-theme="light"] .mod,
html[data-theme="light"] .pc-drawer {
  box-shadow: 0 2px 14px rgba(15, 27, 45, .06);
}
html[data-theme="light"] .nav .tab.on { box-shadow: 0 0 14px rgba(8, 145, 178, .28); }
html[data-theme="light"] .mcell.today { box-shadow: 0 0 12px rgba(8, 145, 178, .30); }
html[data-theme="light"] .pc-item:hover { border-color: #9fc0e8; }
html[data-theme="light"] .fbar { box-shadow: 0 2px 10px rgba(15, 27, 45, .12); }
html[data-theme="light"] .figure svg { filter: drop-shadow(0 0 14px rgba(8, 145, 178, .35)); }
html[data-theme="light"] .pc-mask { background: rgba(15, 27, 45, .38); }

/* 低对比度文字：浅色下由「线色」改成「次要文字色」 */
html[data-theme="light"] .soon .s,
html[data-theme="light"] .read-empty small,
html[data-theme="light"] .foot { color: var(--dim); }

/* 录入页底部按钮条的渐隐（深色透明 -> 浅色透明） */
html[data-theme="light"] .bar {
  background: linear-gradient(0deg, var(--bg) 70%, rgba(243, 246, 252, 0));
}

/* sources.html 里几处写死的深色小底块 */
html[data-theme="light"] .contract,
html[data-theme="light"] .hint code,
html[data-theme="light"] .fmt,
html[data-theme="light"] pre {
  background: #eef3fb !important;
}
html[data-theme="light"] .hint code { color: var(--amber); }
html[data-theme="light"] .contract { color: var(--dim); }

/* 右上角主题切换按钮（三页统一） */
.theme-btn {
  display: inline-flex; align-items: center; gap: 7px;
  font-size: 15px; font-weight: 600; font-family: inherit;
  color: var(--dim); background: var(--panel);
  border: 1px solid var(--line); border-radius: 999px;
  padding: 8px 16px; cursor: pointer; white-space: nowrap;
  transition: color .3s, border-color .3s, box-shadow .3s;
}
.theme-btn:hover { color: var(--txt); border-color: var(--cyan); }