:root {
  --main-color: #D3567C;
  --second-color: #BB4A6C;

  --blue-color: #028cca;
  --yellow-color: #FFDD77;
  --red-color: #bf0031;
  --green-color: #65A768;
  --violet-color: #554F8B;
}

.bg-slate {
  background-color: #edf8fe;
  background-image: url("../images/sakura/bg.svg"), url("../images/sakura/bg-2.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 100% 50%, 0 50%;}

.img-logo {
  background-image: url("../images/sakura/GetLogo.svg");
}

.navbar-brand .title {
  display: none;
}

.navbar-primary {
  background-color: var(--main-color);}

.login-form .card .card-header {
  background-color: var(--main-color);
  color: white;}

.login-form .card .btn {
  background-color: var(--main-color);
  color: white;}

.btn-primary {
  background-color: var(--main-color);}
.btn-primary:hover, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled):active {
  border-color: transparent;
  background-color: var(--main-color);}

.sidebar {
  background-color: var(--main-color);}

.sidebar-user {
  background-color: var(--second-color);}

.sidebar .sidebar-control {
  background-color: var(--second-color);}