:root {
  --ink: #2D2C28;
  --cream: #F0EDDC;
  --paper: #F0EDDC;
  --sage: #9DA68D;
  --forest: #2D2C28;
  --gold: #B7953B;
  --line: rgba(45, 44, 40,0.18);
}

.nav {
  background: rgba(240, 237, 220,0.95);
}

.compass-logo {
  width: 48px !important;
  height: 48px !important;
  flex: 0 0 48px;
  border: 0 !important;
  border-radius: 4px !important;
  background-image: url("../img/wholistic-compass-logo.jpg");
  background-repeat: no-repeat;
  background-size: 360px 360px;
  background-position: center -121px;
}

.hero {
  background: radial-gradient(circle at 82% 18%, rgba(240, 237, 220,0.5) 0, transparent 30%), var(--sage);
}

.hero h1 em,
.statement blockquote {
  color: var(--ink);
}

.lede,
.cards p,
.achievements li span {
  color: #2D2C28;
}

.button:hover {
  background: #2D2C28;
}

.metrics,
.mission {
  background: var(--ink);
}

.metrics strong,
.mission .eyebrow,
.mission h2 {
  color: #B7953B;
}

.mission p:last-child {
  color: #F0EDDC;
}

/* Intentional hierarchy using the approved six-colour palette. */
body{background:#F0EDDC;color:#2D2C28}
.nav{min-height:88px;background:rgba(240,237,220,.94);border-bottom-color:rgba(45,44,40,.16);box-shadow:0 12px 40px rgba(45,44,40,.07)}
.nav-cta{border-color:#2D2C28;background:#2D2C28;color:#F0EDDC!important}
.nav-cta:hover,.button:hover{background:#B7953B;color:#2D2C28!important}
.hero{background:radial-gradient(circle at 78% 16%,rgba(240,237,220,.58) 0,transparent 31%),linear-gradient(135deg,#9DA68D 0%,#9DA68D 72%,#B4BFC4 100%)}
.hero-copy{position:relative;z-index:2}
.hero .eyebrow{display:inline-flex;padding:.5rem .75rem;border:1px solid rgba(45,44,40,.22);background:rgba(240,237,220,.45)}
.hero-visual img{border:1px solid rgba(45,44,40,.16);box-shadow:0 32px 80px rgba(45,44,40,.24)}
.orbit{background:#B7953B;color:#2D2C28;box-shadow:0 18px 42px rgba(45,44,40,.22)}
.statement::before{content:"";display:block;width:72px;height:4px;margin:0 auto 3rem;background:#C49580}
.metrics article{border-right-color:rgba(240,237,220,.2)}
.metrics strong{color:#B7953B}
.cards{gap:1.25rem;background:transparent;border:0}
.cards article{border:1px solid rgba(45,44,40,.18);background:#F0EDDC;box-shadow:0 18px 44px rgba(45,44,40,.08);transition:transform 180ms ease,box-shadow 180ms ease}
.cards article:nth-child(2){background:rgba(180,191,196,.34)}
.cards article:nth-child(3){background:rgba(196,149,128,.2)}
.cards article:hover{transform:translateY(-5px);box-shadow:0 26px 58px rgba(45,44,40,.13)}
.cards article>span,.card-link{color:#B7953B}
.achievements{background:rgba(180,191,196,.28)}
.portrait img{border:12px solid #F0EDDC;box-shadow:0 24px 60px rgba(45,44,40,.16)}
.achievements li{border-top-color:rgba(45,44,40,.2)}
.mission{background:#2D2C28}
.mission .eyebrow,.mission h2{color:#B7953B}
.contact{background:linear-gradient(135deg,#F0EDDC 0%,rgba(196,149,128,.22) 100%)}
input,select,textarea{border-color:#9DA68D;background:#F0EDDC}
input:focus,select:focus,textarea:focus{outline-color:#B7953B;border-color:#2D2C28}
footer{background:#F0EDDC;border-top-color:#9DA68D}

/* Booking and confirmation surfaces. */
.booking-shell{color:#2D2C28}
.meeting-card{border-color:rgba(45,44,40,.2);background:#F0EDDC;box-shadow:0 10px 28px rgba(45,44,40,.07)}
.meeting-card:hover{border-color:#9DA68D;box-shadow:0 16px 38px rgba(45,44,40,.11)}
.meeting-card:has(input:checked),.method-grid label:has(input:checked){outline-color:#B7953B;background:rgba(183,149,59,.12)}
.method-grid label{border-color:#9DA68D;background:#F0EDDC}
.slot-button{border-color:#2D2C28;background:#F0EDDC;color:#2D2C28}.slot-button:hover,.slot-button.selected{background:#2D2C28;color:#F0EDDC}
.booking-error{border-left-color:#C49580;background:rgba(196,149,128,.2)}
.confirmation{border:1px solid rgba(45,44,40,.18);background:#F0EDDC;box-shadow:0 24px 70px rgba(45,44,40,.13)}
.confirmation-mark{background:#9DA68D;color:#2D2C28}