:root {
  --meleune-charcoal: #222220;
  --meleune-champagne: #c7ae89;
  --meleune-ivory: #f8f5ee;
  --meleune-accent: #806443;
}

body { background-color: var(--meleune-ivory); color: var(--meleune-charcoal); }

.meleune-logo, .brand img.meleune-logo {
  display: block;
  width: 240px;
  height: auto;
  max-width: 100%;
  flex-shrink: 0;
  object-fit: contain;
}

.glass-nav, .site-header { background: rgba(248, 245, 238, .94); }
.nav-wrap { min-height: 80px; }
.bg-black { background-color: var(--meleune-charcoal); }
.text-black { color: var(--meleune-charcoal); }
.paint-blob { opacity: .3; }

@media (max-width: 560px) {
  .nav-wrap { min-height: 80px; gap: 10px; flex-wrap: wrap; padding-block: 8px; }
  .nav-wrap .nav-links { gap: 8px; }
  .nav-wrap .nav-links .nav-cta { font-size: .8rem; padding: 8px 12px; }
}