/* MC 主题兼容层：noir 变量映射到 MC 23 主题变量 + 页面布局适配 */
html[data-theme] {
  --noir-bg-primary: var(--bg-deep);
  --noir-bg-secondary: var(--bg-card);
  --noir-bg-elevated: var(--bg-elevated);
  --noir-bg-tertiary: var(--bg-card);
  --noir-bg-inverse: var(--text-primary);
  --noir-text-primary: var(--text-primary);
  --noir-text-secondary: var(--text-secondary);
  --noir-text-tertiary: var(--text-muted);
  --noir-text-inverse: var(--bg-deep);
  --noir-accent: var(--green);
  --noir-accent-hover: var(--green-light);
  --noir-accent-subtle: rgba(91,135,49,.15);
  --noir-border-light: var(--stone);
  --noir-border-medium: var(--stone-light);
  --noir-border-strong: var(--green-light);
  --noir-shadow-sm: var(--shadow);
  --noir-shadow-md: var(--shadow);
  --noir-shadow-lg: var(--shadow);
  --noir-shadow-glow: var(--shadow-glow);
  --noir-shadow-glow-lg: var(--shadow-glow);
  --noir-radius-xs: 4px;
  --noir-radius-sm: var(--radius-sm);
  --noir-radius-md: var(--radius);
  --noir-radius-lg: 16px;
  --noir-radius-xl: 20px;
  --noir-radius-full: 999px;
}
/* 固定导航栏让位（MC navbar 高 60px） */
body.has-nav { padding-top: 60px; }
/* 页面背景统一为 MC 主题色（覆盖任何旧背景，含 bg.svg） */
body.mc-page, html[data-theme] body.mc-page, .noir-dark body.mc-page, .noir-light body.mc-page {
  background: var(--bg-deep) !important;
  color: var(--text-primary);
}
.mc-page { min-height: 100vh; }
/* 全屏布局页面（登录/注册等）在导航栏下居中 */
body.mc-page { box-sizing: border-box; }

/* ===== 透明材质主题化：毛玻璃用主题背景色的半透明版 ===== */
html[data-theme] .noir-glass {
  background-color: color-mix(in srgb, var(--bg-card) 55%, transparent);
  border-color: color-mix(in srgb, var(--stone-light) 60%, transparent);
}
html[data-theme="light"] .noir-glass {
  background-color: color-mix(in srgb, var(--bg-card) 45%, transparent);
  border-color: color-mix(in srgb, var(--stone-light) 50%, transparent);
}
/* 卡片/输入框高光跟随主题边框色 */
html[data-theme] .noir-card {
  box-shadow: var(--noir-shadow-xs), inset 0 1px 0 color-mix(in srgb, var(--text-primary) 8%, transparent);
}
/* 模态遮罩跟随主题（深色主题深遮罩，浅色主题浅遮罩） */
html[data-theme="light"] .noir-modal-overlay {
  background-color: rgba(0, 0, 0, 0.35);
}