:root {
  --navy: #0c3b2e;
  --navy2: #14432e;
  --gold: #c9a24b;
  --sand: #f5f3ec;
  --paper: #ffffff;
  --ink: #072019;
  --muted: #6b7280;
  --line: rgba(12, 59, 46, 0.12);
  --shadow: 0 18px 50px rgba(12, 59, 46, 0.10);
}

body {
  background: #f5f3ec;
}

.topbar {
  background: rgba(10, 42, 29, 0.98);
}

.sidebar {
  background: linear-gradient(155deg, #14432e, #0a2a1d);
}

.btn.gold {
  background: linear-gradient(135deg, #c9a24b, #a67c2e);
}

.drop {
  display: block;
  width: 100%;
  background: #fffdf7;
}

.side-nav button.active,
.side-nav button:hover {
  background: rgba(201, 162, 75, 0.18);
  color: #e7d2a0;
}

.brand-mark {
  width: 58px;
  height: 58px;
  border: 0;
  background: transparent;
}

.brand-mark img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}