/* 品牌中性色与主色分离：主色仍通过 Vben preferences 生成全部色阶。 */
html[data-brand-theme='herbal']:not(.dark) {
  --background: 40 50% 99%;
  --background-deep: 37 33% 95%;
  --foreground: 27 16% 17%;
  --card: 40 50% 99%;
  --card-foreground: 27 16% 17%;
  --popover: 40 50% 99%;
  --popover-foreground: 27 16% 17%;
  --muted: 35 25% 94%;
  --muted-foreground: 28 10% 40%;
  --secondary: 35 25% 94%;
  --secondary-foreground: 27 16% 17%;
  --accent: 33 35% 93%;
  --accent-dark: 33 28% 90%;
  --accent-darker: 33 24% 87%;
  --accent-lighter: 38 45% 97%;
  --accent-hover: 33 28% 90%;
  --accent-foreground: 27 16% 17%;
  --border: 33 25% 86%;
  --input: 33 25% 86%;
  --sidebar: 40 50% 99%;
  --sidebar-deep: 37 35% 97%;
  --menu: var(--sidebar);
  --header: 40 50% 99%;
}
html[data-brand-theme='herbal'].dark {
  --background: 26 16% 12%;
  --background-deep: 25 18% 9%;
  --foreground: 35 30% 90%;
  --card: 26 15% 14%;
  --card-foreground: 35 30% 90%;
  --popover: 26 15% 14%;
  --popover-foreground: 35 30% 90%;
  --muted: 26 13% 19%;
  --muted-foreground: 33 15% 68%;
  --border: 27 15% 26%;
  --input: 27 15% 26%;
  --sidebar: 26 16% 12%;
  --sidebar-deep: 25 18% 10%;
  --menu: var(--sidebar);
  --header: 26 16% 12%;
}
/* 暗色下使用明亮朱砂色，保证链接与选中态可读；按钮搭配深色文字。 */
html[data-brand-theme='herbal'][data-herbal-palette='true'].dark {
  --primary: 357 64% 73% !important;
  --primary-500: 357 64% 73% !important;
  --primary-600: 357 69% 77% !important;
  --primary-700: 357 70% 83% !important;
  --primary-foreground: 27 25% 12%;
}
/* 支持半深色导航偏好，不让浅色品牌底覆盖该偏好。 */
html[data-brand-theme='herbal']:not(.dark) .dark {
  --sidebar: 26 16% 12%;
  --sidebar-deep: 25 18% 10%;
  --menu: var(--sidebar);
  --header: 26 16% 12%;
}