:root {
  --markest-primary: #0052CC;
  --markest-navy: #0A192F;
  --markest-bg: #F4F6F9;
  --markest-accent: #FF4D4F;
}

body {
  background-color: var(--markest-bg);
}

a,
.text-primary,
.link-primary {
  color: var(--markest-primary);
}

a:hover,
.link-primary:hover {
  color: #003A91;
}

.btn-primary,
.btn-success,
.bg-primary,
.badge-primary,
.page-item.active .page-link,
.nav-pills .nav-link.active,
.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: var(--markest-primary) !important;
  border-color: var(--markest-primary) !important;
}

.btn-outline-primary,
.page-link {
  color: var(--markest-primary) !important;
  border-color: var(--markest-primary) !important;
}

.btn-outline-primary:hover,
.page-link:hover {
  color: #fff !important;
  background-color: var(--markest-primary) !important;
}

.btn-danger,
.btn-warning,
.badge-danger,
.badge-warning,
.bg-danger,
.bg-warning,
.text-danger {
  color: #fff !important;
  background-color: var(--markest-accent) !important;
  border-color: var(--markest-accent) !important;
}

.btn-outline-warning {
  color: var(--markest-accent) !important;
  border-color: var(--markest-accent) !important;
}

.btn-outline-warning:hover {
  color: #fff !important;
  background-color: var(--markest-accent) !important;
  border-color: var(--markest-accent) !important;
}

.btn-warning:focus,
.btn-warning.focus,
.btn-warning:not(:disabled):not(.disabled):active:focus,
.btn-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-warning.dropdown-toggle:focus,
.btn-outline-warning:focus,
.btn-outline-warning.focus,
.btn-outline-warning:not(:disabled):not(.disabled):active:focus,
.btn-outline-warning:not(:disabled):not(.disabled).active:focus,
.show > .btn-outline-warning.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(255, 77, 79, 0.35) !important;
}

.text-danger,
.text-warning {
  color: var(--markest-accent) !important;
  background-color: transparent !important;
}

.alert-warning,
.list-group-item-warning {
  color: var(--markest-accent) !important;
  background-color: rgba(255, 77, 79, 0.12) !important;
  border-color: rgba(255, 77, 79, 0.35) !important;
}

.border-warning {
  border-color: var(--markest-accent) !important;
}

.main_header,
.main_footer,
.navbar-dark,
.modal-header.bg-dark,
.admin-sidebar,
.sidebar {
  background-color: var(--markest-navy);
}