/* ============================================================
   AICEO Brand Patch · 智跃健康 SmartWell AI（healthvault）专用
   策略：AICEO VI 框架 + 墨玉绿健康子品牌变体
   —— 保留智跃健康的护眼绿调性，将品牌绿对齐到 AICEO 墨玉绿体系，
      注入帝王金点缀与 Cinzel/思源字体规范，不改 DOM/JS 逻辑。
   加载顺序：置于 aiceo-tokens.css + aiceo-ui-kit.css 之后
   ============================================================ */

/* 1) 健康子品牌语义变体：将品牌主色重定向为墨玉绿体系 */
:root, [data-theme="light"], [data-theme="dark"] {
  /* AICEO 健康子品牌：墨玉绿为 brand，帝王金为辅助强调 */
  --dt-brand-health: var(--aiceo-jade-green, #1A4A35);
  --dt-brand-health-strong: var(--aiceo-forest-green, #2D6A4F);
}

/* 2) 将智跃原有的 --primary（护眼绿 #2E7D32 系）柔和对齐墨玉绿
      仅调整品牌顶层变量，不覆盖组件内部逻辑色 */
:root {
  --smartwell-brand-align: var(--dt-brand-health-strong);
}

/* 3) 字体规范注入：标题使用品牌衬线体系（渐进增强，不强制正文） */
h1, h2, .brand-title, [class*="hero-title"] {
  font-family: var(--dt-font-display, Cinzel, "Noto Serif SC", serif);
  letter-spacing: .02em;
}

/* 4) 顶层 theme-color 对齐由 index.html meta 处理；此处提供选中/焦点金色点缀 */
::selection {
  background: color-mix(in srgb, var(--aiceo-imperial-gold, #C9A227) 28%, transparent);
}

/* 5) 滚动条品牌化（webkit） */
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-thumb {
  background: color-mix(in srgb, var(--dt-brand-health-strong, #2D6A4F) 55%, transparent);
  border-radius: 8px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--dt-brand-health-strong, #2D6A4F);
}
::-webkit-scrollbar-track { background: transparent; }

/* 6) 焦点可达性：统一品牌焦点环（金色，与AICEO规范一致） */
:focus-visible {
  outline: 2px solid color-mix(in srgb, var(--aiceo-imperial-gold, #C9A227) 70%, transparent);
  outline-offset: 2px;
}