:root{
  --brown:#2b1b12;
  --brown2:#3a2417;
  --gold:#caa56a;
  --cream:#f7f3ef;
  --muted:#6b625c;
}
html,body{height:100%;}
body{
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: var(--cream);
  color:#1f1f1f;
}
a{color:inherit}
.topbar{
  background:#1f140e;
  color:rgba(255,255,255,.88);
  font-size:.92rem;
}
.navbar{
  background:rgba(43,27,18,.94);
  backdrop-filter: blur(10px);
  border-bottom:1px solid rgba(255,255,255,.10);
}
.navbar .nav-link{color:rgba(255,255,255,.86)!important;}
.navbar .nav-link:hover{color:#fff!important;}
.navbar .nav-link.active{color:var(--gold)!important;}
.navbar-brand{
  font-weight:800; letter-spacing:.3px;
}
.brand-logo{
  height:34px; width:auto; border-radius:10px;
}
.btn-gold{
  background:var(--gold);
  border-color:var(--gold);
  color:#1d140e;
  font-weight:700;
}
.btn-gold:hover{filter:brightness(.95);}
.btn{border-radius:999px;}
.rounded-2xl{border-radius:18px;}
.card-soft{
  border:0;
  border-radius:18px;
  box-shadow:0 18px 60px rgba(0,0,0,.08);
}
.section-pad{padding:72px 0;}
.badge-soft{
  background:rgba(202,165,106,.16);
  color:#5a3b12;
  border:1px solid rgba(202,165,106,.35);
}
.hero .carousel-item{
  min-height:74vh;
  position:relative;
  color:#fff;
}
.hero-img{
  position:absolute; inset:0;
  width:100%; height:100%;
  object-fit:cover;
}
.hero-overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(43,27,18,.86), rgba(43,27,18,.32));
}
.hero-content{position:relative; z-index:2; padding:110px 0 90px;}
.hero-card{
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  border-radius:18px;
  padding:18px;
  backdrop-filter: blur(12px);
}
.breadcrumb-hero{
  position:relative;
  background: url("../img/breadcrumb.jpg") center/cover no-repeat;
  color:#fff;
}
.breadcrumb-hero .overlay{
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(43,27,18,.90), rgba(43,27,18,.38));
}
.breadcrumb-hero .container{position:relative;}
.breadcrumb .breadcrumb-item a{color:rgba(255,255,255,.92); text-decoration:none;}
.breadcrumb .breadcrumb-item a:hover{text-decoration:underline;}
.kpi{
  background:#fff;
  border:1px solid rgba(0,0,0,.06);
  border-radius:18px;
  padding:18px;
}
.footer{
  background:var(--brown);
  color:rgba(255,255,255,.82);
}
.footer a{color:rgba(255,255,255,.86); text-decoration:none;}
.footer a:hover{color:#fff; text-decoration:underline;}
.form-control,.form-select{
  border-radius:12px;
  border:1px solid rgba(0,0,0,.12);
}