.light-theme {
    --body-bg: #f0f0f0;
    --text-color: #020202;
    --element-bg: #ffffff;
    --modal-border: #ffffff;
    --box-border: #aaaaaa;
    --sub-color: #767955;
    --scrollbar-track: #f0f0f0;
    --scrollbar-thumb: #b0b0b0;
    --scrollbar-thumb-hover: #909090;
    --bullet-color: #ff400c;
    --div-background: #f7f7f7;
    --other-color: #3d6222;
    --aiui-box: #5a5126;
    --aiui-txt: #ffffff;
    --aiui-bgn: #e3e3dd;
    --aiui-cnt: #f0eee0;
    --aiui-btn: #75755e;
}

.dark-theme {
    --body-bg: #222222;
    --text-color: #afafaf;
    --element-bg: #000000;
    --modal-border: #000000;
    --box-border: #333333;
    --sub-color: #a4a878;
    --scrollbar-track: #222222;
    --scrollbar-thumb: #333333;
    --scrollbar-thumb-hover: #444444;
    --bullet-color: #ff400c;
    --div-background: #1a1a1a;
    --other-color: #bca25c;
    --aiui-box: #594f1d;
    --aiui-txt: #c5c5c5;
    --aiui-bgn: #6f6c68;
    --aiui-cnt: #84807a;
    --aiui-btn: #a1a18c;
}

.light-theme, .dark-theme {
    transition: background-color 0.2s ease, color 0.2s ease;
}