:root {
  --mm-bg-top: #8a6a56;
  --mm-bg-bottom: #f5efe8;
  --mm-surface: #fbf8f4;
  --mm-surface-2: #f2e9de;
  --mm-text: #2f241d;
  --mm-muted: #6e5c4f;
  --mm-navbar: #6a4d3a;
  --mm-navbar-2: #5b4333;
  --mm-accent: #c89b3c;
  --mm-accent-soft: #e7c98d;
  --mm-border: rgba(83, 58, 41, 0.2);
  --mm-shadow: 0 10px 28px rgba(60, 40, 28, 0.12);
}

body {
  background: linear-gradient(180deg, var(--mm-bg-top) 0px, var(--mm-bg-bottom) 380px);
  color: var(--mm-text);
  min-height: 100vh;
}

.container,
.container-fluid {
  border-radius: 14px;
}

.mm-navbar,
.navbar {
  background: linear-gradient(180deg, var(--mm-navbar), var(--mm-navbar-2)) !important;
  border-bottom: 1px solid rgba(255,255,255,0.14);
  box-shadow: 0 6px 18px rgba(20, 10, 5, 0.18);
}

.mm-brand,
.navbar-brand {
  color: #f8f2eb !important;
  letter-spacing: 0.4px;
  font-weight: 700;
}

.navbar-nav .nav-link {
  color: #f4ece4 !important;
  transition: color .2s ease, opacity .2s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link:focus {
  color: #ffe3b0 !important;
}

.navbar-nav .nav-link.active {
  color: #fff7ea !important;
  text-shadow: 0 0 10px rgba(255, 225, 170, 0.25);
}

.dropdown-menu {
  background: #fffaf5;
  border: 1px solid var(--mm-border);
  box-shadow: var(--mm-shadow);
  border-radius: 12px;
}

.dropdown-item {
  color: var(--mm-text) !important;
  border-radius: 8px;
  margin: 2px 6px;
}

.dropdown-item:hover,
.dropdown-item:focus {
  background: #efe2d3 !important;
  color: #2a2019 !important;
}

.nav.nav-tabs {
  border-bottom: none;
  gap: 6px;
  margin-bottom: 8px;
}

.nav-tabs .nav-link {
  border: 1px solid rgba(86, 61, 44, 0.22);
  border-radius: 10px;
  background: #fff8f1;
  color: #4b3528 !important;
  box-shadow: 0 4px 12px rgba(60,40,28,0.08);
}

.nav-tabs .nav-link:hover {
  background: #f3e5d6;
  color: #2e221b !important;
}

.nav-tabs .nav-link.active {
  background: #ead5bf;
  border-color: #caa983;
  color: #2b1f18 !important;
}

.card,
.table,
.alert,
.text-bg-secondary,
.form-control,
.form-select,
.btn,
.list-group-item {
  border-radius: 12px !important;
}

.table {
  --bs-table-bg: #fffaf5;
  --bs-table-striped-bg: #f6eee4;
  --bs-table-color: #2f241d;
  --bs-table-border-color: rgba(83, 58, 41, 0.18);
  box-shadow: 0 8px 24px rgba(60,40,28,0.07);
}

.table thead th {
  background: #d6b089 !important;
  color: #2d221b !important;
  border-bottom: 1px solid rgba(86,61,44,0.25);
}

.text-bg-secondary {
  background: linear-gradient(180deg, #e7d3bd, #dfc8af) !important;
  color: #2f241d !important;
  border: 1px solid rgba(99, 72, 54, 0.18);
}

.form-control,
.form-select {
  background: #fffdf9;
  border: 1px solid rgba(99, 72, 54, 0.28);
  color: #2f241d;
}

.form-control:focus,
.form-select:focus {
  border-color: #b88a55;
  box-shadow: 0 0 0 .2rem rgba(200, 155, 60, 0.2);
}

.btn-primary {
  background-color: #b47a3f !important;
  border-color: #a46e37 !important;
  color: #fffaf3 !important;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #9f6934 !important;
  border-color: #8f5d2f !important;
}

.btn-secondary {
  background-color: #efe4d7 !important;
  border-color: #d5bda5 !important;
  color: #3b2c22 !important;
}

.alert-info,
.alert-primary,
.alert-secondary {
  background: #efe3d5 !important;
  color: #2f241d !important;
  border: 1px solid rgba(99, 72, 54, 0.18) !important;
}