:root {
  --brand: #c2185b;
  --brand-dark: #8e0038;
}
body {
  background-color: #faf7f8;
}
.navbar-brand {
  font-weight: 700;
  letter-spacing: .5px;
}
.bg-brand {
  background-color: var(--brand) !important;
}
.btn-brand {
  background-color: var(--brand);
  border-color: var(--brand);
  color: #fff;
}
.btn-brand:hover {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
  color: #fff;
}
.text-brand { color: var(--brand); }
.card-produk img {
  height: 220px;
  object-fit: cover;
  background: #eee;
}
.card-produk .card-body {
  min-height: 130px;
}
.hero-toko {
  background: linear-gradient(135deg, var(--brand), var(--brand-dark));
  color: #fff;
  padding: 48px 0;
}
.sidebar-admin {
  min-height: calc(100vh - 56px);
  background: #212529;
}
.sidebar-admin a {
  color: #dee2e6;
}
.sidebar-admin a.active,
.sidebar-admin a:hover {
  color: #fff;
  background: rgba(255,255,255,.08);
}
.badge-stok-habis {
  background-color: #6c757d;
}