:root  {
  --palette-background:#C46A16;
  --palette-primary:#65310A;
  --palette-accent:#FFD447;
  --palette-text:#FFFFFF;
  --palette-surface:#B15F14;
  --bg-deep:#C46A16;
  --bg-mid:#B15F14;
  --bg-card:#B15F14;
  --green-main:#65310A;
  --green-light:#FFD447;
  --green-dim:#65310A;
  --brown-acc:#65310A;
  --brown-light:#FFD447;
  --text-main:#FFFFFF;
  --text-muted:#FFFFFF;
  --text-dark:#171717;
  --border-card:#65310A
}
body {
  background-color:#C46A16;
  color:#FFFFFF
}
.navbar {
  background:#B15F14;
  border-color:#65310A
}
.navbar-nav .nav-link {
  color:#FFFFFF!important
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link.active {
  background:#FFD447;
  color:#171717!important
}
.navbar-toggler {
  background:#FFD447
}
.hero-section {
  background-color:#C46A16;
  background-image:radial-gradient(ellipse at left bottom,#FFD44722,transparent 65%);
  background-size:auto
}
.hero-section>.container>.row>.col-lg-6:first-child {
  background:#B15F14;
  border-radius:24px;
  padding:28px
}
.hero-section h1,.hero-section p,.hero-desc,.section-title,.section-sub,h2,h3,h4,h5,h6 {
  color:#FFFFFF
}
.hero-section h1 span,.section-title span {
  color:#FFFFFF
}
.hero-badge {
  background:#FFD447;
  color:#171717;
  border-color:#65310A
}
.hero-stat-num,.hero-stat-label {
  color:#FFFFFF
}
.btn-hero-primary,.btn-hero-secondary,.btn-success,.btn-outline-success,.btn-login,.btn-register,.btn-register-cta {
  background:#FFD447!important;
  color:#171717!important;
  border-color:#65310A!important
}
.btn-hero-primary:hover,.btn-hero-secondary:hover {
  box-shadow:0 8px 24px #65310A33
}
.adv-section,.about-section,.payment-section,.promo-section,.compare-section,.rg-section,.section-pad {
  background-color:#B15F14;
  color:#FFFFFF
}
.adv-card,.promo-card,.rg-card {
  background:#B15F14;
  border-color:#65310A;
  color:#FFFFFF
}
.adv-card h5,.adv-card p,.promo-card p,.rg-card p {
  color:#FFFFFF
}
.adv-icon {
  background:#FFD447;
  color:#171717
}
.hero-img-wrap {
  border-color:#65310A;
  box-shadow:0 14px 36px #65310A33
}
.compare-table thead th {
  background:#FFD447;
  color:#171717
}
.compare-table td {
  background:#B15F14;
  color:#FFFFFF
}
.accordion-button,.accordion-item,.accordion-body {
  background:#B15F14!important;
  color:#FFFFFF!important;
  border-color:#65310A
}
.accordion-button:not(.collapsed) {
  background:#FFD447!important;
  color:#171717!important
}
a {
  color:#FFFFFF
}
.navbar-brand img {
  width:145px;
  height:44px;
  object-fit:contain
}
.footer-logo img {
  width:175px;
  max-width:175px;
  height:48px;
  object-fit:contain
}
footer,.footer-section,.footer-bottom {
  background:#B15F14;
  color:#FFFFFF;
  border-color:#65310A
}
.footer-links a,.footer-heading,.footer-tagline,.footer-email {
  color:#FFFFFF
}
@media(max-width:991px) {
  .container>.row.g-5 {
    --bs-gutter-x:1.5rem
  }
  .hero-section>.container>.row>.col-lg-6:first-child {
    padding:22px
  }
}


/* Perbaikan keterbacaan semua palet dan halaman */ .hero-reg,.page-hero  {
  background:var(--palette-surface)!important;
  color:var(--palette-text)!important;
}
.hero-reg h1,.hero-reg h1 span,.hero-reg h1 strong,.page-hero h1,.page-hero h1 span,.page-hero h1 strong,.hero-stat-num,.stat-num  {
  color:var(--palette-text)!important;
  -webkit-text-fill-color:var(--palette-text)!important;
}
.hero-reg p,.page-hero p,.hero-reg .lead,.page-hero .lead  {
  color:var(--palette-text)!important;
}
.btn-green,.btn-outline-green  {
  background:var(--palette-accent)!important;
  color:#171717!important;
  border-color:var(--palette-accent)!important;
}
.btn-green i,.btn-outline-green i  {
  color:inherit!important;
}
.login-redirect,.login-redirect a  {
  color:var(--palette-text)!important;
}
.hero-reg strong,.hero-reg span:not(.badge),.page-hero strong,.page-hero h1 span  {
  color:var(--palette-text)!important;
  -webkit-text-fill-color:var(--palette-text)!important;
}
.hero-reg .badge,.page-hero .badge  {
  background:var(--palette-accent)!important;
  color:#171717!important;
}