html[data-scheme='dark'] {
    --body-bg: radial-gradient(900px 600px at 0% 0%, rgba(236, 84, 24, 0.30), transparent 60%), radial-gradient(1000px 700px at 100% 100%, rgba(238, 27, 107, 0.32), transparent 60%), #16101a;
    --msger-bg: linear-gradient(165deg, #2b1824 0%, #17111b 60%);
    --msger-private-bg: linear-gradient(165deg, #2b1824 0%, #17111b 60%);
    --wb-bg: linear-gradient(165deg, #2b1824 0%, #17111b 60%);
    --elem-border-color: 1px solid rgba(255, 255, 255, 0.09);
    --navbar-bg: rgba(24, 16, 28, 0.86);
    --select-bg: #261b2b;
    --tab-btn-active: #4a1d36;
    --box-shadow: 0px 6px 18px 0px rgba(0, 0, 0, 0.45);
    --left-msg-bg: #2e2233;
    --right-msg-bg: #5a1d3c;
    --private-msg-bg: #4a2418;
    --btn-bar-bg-color: #FFFFFF;
    --btn-bar-color: #16101a;
    --btns-bg-color: rgba(30, 18, 34, 0.82);
    --dd-color: #EE1B6B;
    --toggle-off-bg: #16101a;
    --toggle-on-bg: #EE1B6B;
    --toggle-on-ink: #FFFFFF;
    --room-switch-accent: #EC5418;
    --toggle-off-ink: #FFFFFF;
}
html[data-scheme='dark'] body {
    background: var(--body-bg);
}
html[data-scheme='light'] {
    --body-bg: radial-gradient(900px 600px at 0% 0%, rgba(236, 84, 24, 0.16), transparent 60%), radial-gradient(1000px 700px at 100% 100%, rgba(238, 27, 107, 0.14), transparent 60%), #f7f4f9;
    --msger-bg: linear-gradient(165deg, #ffffff 0%, #faf6f8 100%);
    --msger-private-bg: linear-gradient(165deg, #ffffff 0%, #faf6f8 100%);
    --wb-bg: #ffffff;
    --elem-border-color: 1px solid rgba(29, 26, 34, 0.1);
    --navbar-bg: rgba(255, 255, 255, 0.92);
    --select-bg: #f3eff6;
    --tab-btn-active: #fde3ec;
    --box-shadow: 0px 8px 24px 0px rgba(45, 20, 55, 0.12);
    --left-msg-bg: #f1edf4;
    --right-msg-bg: #fde3ec;
    --private-msg-bg: #fff0e8;
    --btn-bar-bg-color: #1D1A22;
    --btn-bar-color: #FFFFFF;
    --btns-bg-color: rgba(255, 255, 255, 0.92);
    --dd-color: #EE1B6B;
    --toggle-off-bg: #e4dfe8;
    --toggle-on-bg: #EE1B6B;
    --toggle-off-ink: #1D1A22;
    --toggle-on-ink: #FFFFFF;
    --room-switch-accent: #EC5418;
}
html[data-scheme='light'] body {
    background: var(--body-bg);
}