:root {
--theme-color-main:#4c6ef8;

--box-1-bg:#ffffff;
--box-1-border-color:#ededed;
--box-2-bg:#f1f4f6;
--box-2-border-color:#ebebeb;

--font-color:#444444;
--font-highlight-color:#3a57e8;

--btn-bg:var(--theme-color-main);
--btn-font-color:#f3f3f3;
--btn-highlight-bg:var(--theme-color-main);
--btn-highlight-font-color:#ffffff;

--primary-bg: #cfecff;
--primary-color:#7adbff;
--success-bg: #d2ffc8;
--success-color:#77ff86;
--info-bg: #ffe8b3;
--info-color:#ffbe6e;
--danger-bg: #ffd6d6;
--danger-color:#ffa2a2;

--sidebar-width:250px;
--sidebar-width-neg:-250px;
}