:root {
  color-scheme: dark;
  --ink: #f7f3e9;
  --muted: #c5bdad;
  --gold: #d8ad56;
  --gold-light: #292112;
  --line: #4b4030;
  --mist: #171717;
  --white: #191919;
  --shadow: 0 12px 30px #0005;
}
body { background: #101010; color: var(--ink); }
a:hover, .main-nav a.active, .utility a[aria-current], .text-link { color: #e9bc63; }
:focus-visible { outline: 3px solid #efc978; outline-offset: 3px; }
.utility { background: #090909; color: #ddd3bf; border-bottom: 1px solid #30281b; }
.site-header { background: #111; border-bottom: 1px solid #4b3922; box-shadow: 0 6px 25px #0007; }
.logo img { width: 146px; height: 74px; }
.main-nav, .nav-dropdown>button, .mobile-menu, .mobile-panel { color: var(--ink); }
.nav-dropdown>button:hover { color: #e9bc63; }
.dropdown-panel, .mobile-panel { background: #1b1b1b; border-color: #5a462b; }
.dropdown-panel a:hover { background: #3b2c16; color: #ffdc90; }
.mobile-menu { background: #191919; border-color: #806334; }
.mobile-panel { border-top-color: #5a462b; }
.btn, .btn.gold { background: #d8ad56; border-color: #d8ad56; color: #15120d; }
.btn:hover, .btn.gold:hover { background: #f0cb7d; border-color: #f0cb7d; color: #100d08; }
.btn.outline { background: transparent; border-color: #d8ad56; color: #f2d18b; }
.btn.outline:hover { background: #3a2a14; color: #fff2d4; }
.hero { background: radial-gradient(circle at 76% 45%, #302517 0, #141414 45%, #0b0b0b 100%); }
.hero h1, .section-title h1, .section-title h2, .banner h2, .detail-hero h1 { color: #fffaf0; }
.hero h1::first-line { color: #e5bc6c; }
.hero-check p, .section-title p, .service-card p, .promise-card p, .journey p,
.other-card p, .modify-card>p, .faq p, .detail-hero p, .detail-panel p { color: #c7bfb0; }
.hero-photo { border: 1px solid #6c5127; }
.check { background: #dbb463; color: #17120a; }
.section { background: #101010; }
.section.tint, .pricing-head, .detail-hero { background: #1c1a17; }
.service-card, .promise-card, .journey div, .package-card, .other-card,
.modify-card, .detail-panel, .step-list div { background: #1d1d1d; border-color: #4a3a24; box-shadow: 0 10px 26px #0004; }
.service-card:hover, .other-card:hover { border-color: #b58b45; }
.service-icon, .journey b, .step-list b { color: #e8bd69; }
.journey div, .step-list div { border-top-color: #d8ad56; }
.banner { background: linear-gradient(120deg, #21180e, #0b0b0b 60%, #30200d); border-top: 1px solid #6e512a; border-bottom: 1px solid #6e512a; }
.banner p { color: #d5cab8; }
.disclaimer { background: #272013; border-color: #987641; color: #f2dbac; }
.service-tabs button, .entity-tabs button { background: #141414; color: #f7f3e9; border-color: #5a4930; box-shadow: none; }
.service-tabs button:hover, .entity-tabs button:hover { border-color: #e5b75f; background: #2c2316; }
.service-tabs button[aria-selected=true], .entity-tabs button[aria-selected=true] { background: #d8ad56; border-color: #efc878; color: #15120c; box-shadow: 0 0 0 2px #d8ad5633; }
.package-card.featured { border-color: #d8ad56; box-shadow: 0 12px 34px #0008; }
.popular { background: #d8ad56; border-color: #d8ad56; color: #17120a; }
.package-price, .modify-total, .detail-panel strong { color: #f0c979; }
.included, .nature-box small, .feature-list, .modify-card p { color: #c7beaf; }
.nature-box, .feature-list, .faq details { border-color: #50412b; }
.nature-label input, .modify-card input { accent-color: #d8ad56; }
.info { color: #f1cf86; border-color: #d8ad56; }
.info .tooltip { background: #0c0c0c; border: 1px solid #a8803b; color: #f7ead2; }
.feature-list p:before { color: #e6ba67; }
.footer { background: #090909; border-top: 1px solid #6b4c22; }
.footer a { color: #e2d9c9; }
.footer small { border-top-color: #42351f; color: #c5baa9; }
.detail-panel hr { border: 0; border-top: 1px solid #57452b; }
.modal-backdrop { background: #000c; }
.modal { background: #1b1b1b; color: #f7f3e9; border: 1px solid #a78041; }
.close { color: #f5d186; }
.modal input, .modal textarea, .modal select { background: #101010; color: #fff; border-color: #846b45; }
#form-status { color: #e7c47c; }
.form-privacy { color: #c8bea9; font-size: 14px; line-height: 1.5; margin: 18px 0; }
.modal .btn:disabled { cursor: wait; opacity: .72; }
@media(max-width:750px) {
  .logo img { width: 120px; height: 60px; }
  .header-inner { height: 72px; }
  .package-grid { gap: 68px; }
}
