:root {
    --border-focus-color: #40a9ff;
    --text-placeholder-color: #BFBFBF;
    --text-close-color: #878787;
    --text-close-hover-color: #3D3D3D;
    --text-primary-color: #292A2D;
    --text-primary-selected-color: #041E49;
    --text-light-color: #828282;
    --scroll-thumb-color: #ABB2C0;
    --scroll-track-color: #00000012;
    /*
        #184D47
        #2C66DD
        #384B70
    */
    --bg-primary-color: #384B70;
    --bg-primary-color-transparent_05: #384B7060;
    --bg-primary-color-transparent_01: #384B7020;
    --text-active-color: var(--bg-primary-color);
    --text-danger-color: #D00000;
    --text-orange-color: #FFB800;
    --text-green-color: #52785D;
    --text-blue-color: #0B2F9F;
    --text-peach-color: #000000;
    --text-pink-color: #000000;
    --selected-color: #D3E3FD;
    --selected-hover-color: #50768777;
    --selected-secondary-color: #EAF1FE;
    --active-color: var(--bg-primary-color);
    --danger-color: #D00000;
    --danger-color-dim: #D0000040;
    --danger-color-dimmer: #D0000005;
    --danger-color-hover: #ac0000;
    --success-color: #09c109;
    --success-color-dim: #09c10915;
    --success-color-dimmer: #09c10905;
    --success-color-hover: #049904;
    --primary-color-dim: #384B7015;
    --primary-color-dimmer: #384B7005;
    --border-color: #DCE1E7;
    --border-light-color: #EFEFEF;
    --border-lighter-color: #ffffff28;
    --border-normal-color: #EDEDED;
    --border-dark-color: #e1e1e1;
    --bg-light-color: #F6F8FC;
    --bg-secondary-color: #74777D;
    --bg-orange-color: #F9F6DD;
    --bg-warning-color: #e85d09;
    --bg-green-color: #CDF3D8;
    --bg-danger-color: #D0000014;
    --bg-blue-color: #D4EAFA;
    --bg-peach-color: #F2F1E9;
    --bg-peach-color-dim: #F2F1E988;
    --bg-peach-color-dimmer: #F2F1E968;
    --bg-peach-color-dimmest: #F2F1E948;
    --bg-pink-color: #F9EAFF;
    --bg-active-color: var(--bg-primary-color);
    --border-primary-color: var(--bg-primary-color);
    --border-primary-color-hover: var(--bg-primary-color);
    --border-secondary-color: #74777D;
    --border-green-color: #009f0044;
    --btn-height: 38px;
    --date-theme-color: #BE0A00;
    --date-theme-color-dim: #BE0A0099;
    --sidebar-bg-color: var(--bg-primary-color);
    --sidebar-bg-dark-color: #1F509A;
    --sidebar-bg-light-color: #E3F2FD;
    --toprow-bg-color: #F6F8FC;
    --audio-player-bg-color: #e9ecef;
    --audio-player-seek-color: var(--sidebar-bg-light-color);
    --audio-player-btn-color: var(--sidebar-bg-color);
    --audio-player-text-color: var(--sidebar-bg-color);
}