html, body {
  background-color: #f6e8d3 !important;
  color: #352c28 !important;
}

.bg-primary,
.navbar,
#neumorph-sidebar {
  background-color: #f0dfc6 !important;
  color: #352c28 !important;
}

#neumorph-sidebar a,
.navbar a {
  color: #352c28 !important;
}

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

.justify-content-center.row,
.container-fluid > .row {
  background-color: #f0dfc6 !important;
}

.card,
.bg-white,
.bg-light,
.shadow-soft,
.container,
.section {
  background-color: #f8efe5 !important;
  color: #352c28 !important;
  box-shadow:
    6px 6px 12px rgba(182, 160, 142, 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: #f8efe5 !important;
  color: #352c28 !important;
  border-color: #e3d3bf !important;
}

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

.text-dark,
.text-black {
  color: #352c28 !important;
}

.text-muted {
  color: #7c756a !important;
}

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

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

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