/* Global consistency pass */
:root {
  --bg: #09090a;
  --panel: rgba(25, 18, 16, 0.72);
  --panel-soft: rgba(29, 20, 17, 0.58);
  --line: rgba(224, 194, 162, 0.18);
  --line-strong: rgba(224, 194, 162, 0.3);
  --text: #f7eadb;
  --muted: #d5bc9f;
  --accent: #c79058;
  --accent-2: #9b653d;
}

/* Make Home match the deeper coffee tone used on inner pages */
.hero-home {
  background:
    linear-gradient(180deg, rgba(7, 4, 4, .78), rgba(13, 8, 7, .88)),
    radial-gradient(circle at 50% 18%, rgba(199, 144, 88, .16), transparent 36%),
    radial-gradient(circle at 18% 32%, rgba(155, 101, 61, .14), transparent 30%),
    url('assets/hero-reference.jpeg') center/cover no-repeat !important;
}

.hero-home .topbar,
.inner-page .topbar {
  background: rgba(17, 12, 11, .42) !important;
  border-color: rgba(224, 194, 162, .18) !important;
  backdrop-filter: blur(12px);
}

.desktop-nav {
  gap: 34px !important;
}

.desktop-nav a {
  color: #f4e6d6 !important;
  opacity: .96 !important;
  font-weight: 700;
  text-shadow: 0 2px 10px rgba(0,0,0,.45);
}

.desktop-nav a.active::after,
.desktop-nav a:hover::after {
  height: 2px !important;
  background: var(--accent) !important;
  bottom: -6px !important;
  box-shadow: 0 0 12px rgba(199, 144, 88, .35);
}

.hero h1,
.page-hero h1,
h2 {
  color: var(--text);
  text-shadow: 0 4px 18px rgba(0,0,0,.42);
}

.hero-copy,
.page-hero p,
.card p,
.footer p {
  color: var(--muted);
}

.button-primary {
  background: linear-gradient(180deg, #d9aa72, #b87f47) !important;
  color: #24150f !important;
}

.button-secondary {
  background: rgba(22, 15, 13, .52) !important;
  border-color: rgba(224, 194, 162, .3) !important;
  color: var(--text) !important;
}

@media (max-width: 780px) {
  .mobile-nav {
    background: rgba(12, 8, 8, .92) !important;
    border-color: rgba(224, 194, 162, .18) !important;
  }
}