:root {
  --bg-primary: #fff9e8;
  --bg-secondary: #fff2cc;
  --bg-tertiary: #ffe8b3;
  --warm-white: #fffdf6;
  --stone-100: #f3e6b6;
  --stone-200: #e5d296;
  --stone-300: #d6be76;
  --stone-600: #8a6a2f;
  --stone-800: #4f3b18;
  --stone-900: #32240f;
  --terracotta: #c28b1e;
  --terracotta-light: #f7e6b2;
  --sage: #cbbe8b;
  --sage-light: #f7f1d9;
  --ochre: #b9852d;
  --ochre-light: #fbeec8;
  --shadow-soft: 0 4px 18px rgba(79, 59, 24, 0.08);
  --shadow-medium: 0 12px 36px rgba(79, 59, 24, 0.12);
  --shadow-glow: 0 8px 28px rgba(194, 139, 30, 0.18);
}

html,
body {
  background: var(--bg-primary);
}

.nav-soft {
  background: rgba(255, 249, 232, 0.92);
  border-bottom: 1px solid rgba(194, 139, 30, 0.24);
  box-shadow: 0 10px 24px rgba(79, 59, 24, 0.06);
}

.nav-soft .brand-acronym {
  color: var(--stone-600);
  font-size: clamp(8px, 1vw, 10px);
  letter-spacing: 0.08em;
  font-style: normal;
  text-transform: uppercase;
  max-width: min(34rem, 62vw);
}

.nav-pill {
  color: var(--stone-800);
}

.nav-pill:hover {
  color: var(--stone-900);
  background: rgba(255, 255, 255, 0.72);
  border-color: rgba(194, 139, 30, 0.28);
}

.nav-pill.nav-active {
  color: var(--stone-900);
  background: rgba(247, 230, 178, 0.88);
  border-color: rgba(194, 139, 30, 0.42);
}

.nav-pill.primary {
  background: var(--stone-900);
  color: #fff;
}

.nav-pill.primary:hover,
.nav-pill.primary.nav-active {
  color: #fff;
  background: var(--terracotta);
  border-color: transparent;
}

.highlight-box,
.faq-item,
.cta-row .btn-cta.outline {
  background: rgba(255, 242, 204, 0.45);
}

.site-footer-marketing {
  background: rgba(255, 242, 204, 0.45);
  border-top: 1px solid rgba(194, 139, 30, 0.18);
}

.site-footer-marketing,
.site-footer-marketing a {
  color: var(--stone-800);
}

.site-footer-marketing a:hover {
  color: var(--stone-900);
}