/* 1. 基础变量定义 */
:root {
    --theme-text-color: #333333; /* 白天模式文字颜色 */
    --theme-bg-color: #ffffff;
    --theme-border-color: #dddddd;
}

body.dark-mode {
    --theme-text-color: #f2f2f2; /* 黑夜模式文字颜色 */
    --theme-bg-color: #000000;
    --theme-border-color: #333333;
}

/* 2. 适配 .aui-bar-light 内的文字 */
.aui-bar-light {
    /* 将原本的 #F9766A 改为变量，并强制覆盖 JS 补丁 */
    color: var(--theme-text-color) !important; 
    background-color: var(--theme-bg-color) !important;
    border-bottom: 1px solid var(--theme-border-color) !important;
}

/* 3. 适配图标颜色（如果有） */
.aui-bar-nav.aui-bar-light .aui-iconfont {
    color: var(--theme-text-color) !important;
}

/* 4. 特殊情况：如果某些文字需要保持品牌色（如“确定”按钮或激活态） */
/* 如果你想让激活态依然是橙红色，则保留 #F9766A；
   如果你想让激活态也跟着变色，请统一使用变量。 */
.aui-bar-tab .aui-active {
    color: --theme-text-color !important; /* 建议保留高亮色，方便用户区分 */
}

/* 5. 链接颜色适配 */
a {
    color: var(--theme-text-color) !important;
}