:root,
[data-theme-mode="light"],
[data-theme="light"] {
  --primary: #3A50BF;
  --secondary: #E7EBFF;
  --secondary-active: #B4C1FF;
  --btn-primary-color: #FFFFFF;
  --btn-primary: #3A50BF;
  --sidebar-active-color: #D7DEFF;
}

[data-theme-mode="dark"],
[data-theme="dark"] {
  --primary: #3A50BF;
  --secondary: #E7EBFF;
  --secondary-active: #2D42AC;
  --btn-primary-color: #FFFFFF;
  --btn-primary: #3A50BF;
  --sidebar-active-color: #5c6694;
}


#page-login > div > main > div.page_content > div > section.for-login > div.login-content.page-card > form > div > div.page-card-actions > button {
  background-color: var(--primary);
  color: var(--btn-primary-color);
}