/* ============================================================
   灵枢主题变量映射层（配合 theme-switcher.js）
   默认深色不覆盖（走原样式），其余主题用变量覆盖主要表面
   ============================================================ */
:root {
  --bg-main: #09090b;
  --bg-card: #141416;
  --bg-elevated: #18181b;
  --text-primary: #e6e8ee;
  --text-secondary: #a1a5ab;
  --text-muted: #71717a;
  --border-color: #27272a;
  --accent: #3b82f6;
}

/* 页面主背景 */
body[data-theme="light"] .main-content,
body[data-theme="eye"] .main-content,
body[data-theme="brand"] .main-content,
html[data-theme="light"], html[data-theme="eye"], html[data-theme="brand"] {
  background: var(--bg-main);
}

/* 卡片表面 */
html[data-theme="light"] .card,
html[data-theme="eye"] .card,
html[data-theme="brand"] .card {
  background: var(--bg-card);
  border-color: var(--border-color);
}

/* 页面区块背景 */
html[data-theme="light"] .page,
html[data-theme="eye"] .page,
html[data-theme="brand"] .page {
  background: var(--bg-main);
  color: var(--text-primary);
}

/* 主文字 */
html[data-theme="light"] .card h3,
html[data-theme="eye"] .card h3,
html[data-theme="brand"] .card h3,
html[data-theme="light"] .section-title,
html[data-theme="eye"] .section-title,
html[data-theme="brand"] .section-title {
  color: var(--text-primary);
}

/* 输入框/表格表面 */
html[data-theme="light"] .form-input,
html[data-theme="eye"] .form-input,
html[data-theme="brand"] .form-input {
  background: var(--bg-elevated);
  border-color: var(--border-color);
  color: var(--text-primary);
}

/* 强调色（链接/主按钮底色沿用，仅变量可用） */
html[data-theme] a { color: var(--accent); }

/* 浅色主题的阴影柔和化 */
html[data-theme="light"] .card {
  box-shadow: 0 1px 3px rgba(0,0,0,.08), 0 4px 16px rgba(0,0,0,.06);
}