html, body {
  background-color: #d0e1f5 !important;
  color: #2c3035 !important;
}

.bg-primary,
.navbar,
#neumorph-sidebar {
  background-color: #c8d6ea !important;
  color: #2c3035 !important;
}

#neumorph-sidebar a,
.navbar a {
  color: #2c3035 !important;
}

#main-content {
  background-color: #d0e1f5 !important;
}

.card,
.bg-white,
.bg-light,
.shadow-soft,
.container,
.section {
  background-color: #e2ebf5 !important;
  color: #2c3035 !important;
  box-shadow:
    6px 6px 12px rgba(142, 160, 182, 0.4),
    -6px -6px 12px rgba(255, 255, 255, 0.55) !important;
  border: none !important;
}

.table,
.table-light,
.table-bordered,
.list-group-item {
  background-color: #e2ebf5 !important;
  color: #2c3035 !important;
  border-color: #bfcfe3 !important;
}

.table thead,
.table-light thead {
  background-color: #d2deee !important;
}

.text-dark,
.text-black {
  color: #2c3035 !important;
}

.text-muted {
  color: #6a737c !important;
}

.form-control,
.input-group-text {
  background-color: #e2ebf5 !important;
  color: #2c3035 !important;
  border: 1px solid #bfcfe3 !important;
  box-shadow: inset 2px 2px 4px rgba(142, 160, 182, 0.4),
              inset -2px -2px 4px rgba(255, 255, 255, 0.55) !important;
}

.shadow-soft {
  box-shadow:
    6px 6px 12px rgba(142, 160, 182, 0.4),
    -6px -6px 12px rgba(255, 255, 255, 0.55) !important;
}

.card:hover {
  transform: translateY(-2px);
  box-shadow:
    8px 8px 16px rgba(142, 160, 182, 0.4),
    -8px -8px 16px rgba(255, 255, 255, 0.6) !important;
  transition: all 0.2s ease-in-out;
}