:root {
  --primary: #3474ac;
  --warning: #e42558;
  --danger: #eb735f;
  --dark: #000045;
  --dull: #eef3f8;
  --black:#0c263d;
  --dark: #0c263d;
}

:root .btn-primary {
  background-color: var(--primary);
  border-color: var(--primary);
}

:root .btn-primary:hover {
  background-color: var(--dark);
  border-color: var(--dark);
}

:root .btn-warning {
  background-color: var(--warning);
  border-color: var(--warning);
}

:root .btn-warning:hover {
  background-color: var(--dark);
  border-color: var(--dark);
}

:root .btn-danger {
  background-color: var(--danger);
  border-color: var(--danger);
}

:root .btn-danger:hover {
  background-color: var(--dark);
  border-color: var(--dark);
}

:root .nav-pills .nav-link.active,
:root .nav-pills .nav-link.active:hover {
  background-color: var(--primary);
}

:root .nav-pills .nav-link:hover {
  background-color: var(--dull);
}

:root .card.Metric .card-header.text-dark .card-text {
  color: var(--primary) !important;
}