:root {
  color-scheme: dark;
  --primary: #c9a14a;
  --primary-light: #e8c06a;
  --accent: #c9a14a;
  --bg: #0b0b0b;
  --bg-light: #151515;
  --bg-card: #191919;
  --text: #f5f1e8;
  --text-muted: rgba(245, 241, 232, 0.68);
  --text-light: rgba(245, 241, 232, 0.48);
  --border: rgba(201, 161, 74, 0.22);
  --border-light: rgba(255, 255, 255, 0.08);
  --shadow: 8px 8px 22px rgba(0, 0, 0, 0.55), -5px -5px 16px rgba(255, 255, 255, 0.025);
  --shadow-lg: 12px 14px 34px rgba(0, 0, 0, 0.6), -6px -6px 20px rgba(255, 255, 255, 0.035);
  --shadow-xl: 0 24px 60px rgba(0, 0, 0, 0.58);
  --gold: #c9a14a;
  --teal-soft: rgba(201, 161, 74, 0.12);
  --primary-dark: #0b0b0b;
  --accent-light: rgba(201, 161, 74, 0.14);
  --bg-white: #191919;
  --text-main: #f5f1e8;
  --border-color: rgba(201, 161, 74, 0.24);
  --accent-gold: #c9a14a;
  --card-bg: rgba(255, 255, 255, 0.045);
  --card-border: rgba(201, 161, 74, 0.2);
  --bg-color: #0b0b0b;
  --white: #191919;
  --pure-white: #f5f1e8;
  --text-dark: #f5f1e8;
  --black-text: #0b0b0b;
}

html { background: #0b0b0b; }
body {
  background-color: #0b0b0b;
  color: #f5f1e8;
}
.announcement-bar {
  background: #151515 !important;
  color: #e8c06a;
  border-bottom: 1px solid rgba(201, 161, 74, 0.18);
}
.announcement-bar a { color: #f0cf82; }

/* Frosted navigation surfaces */
.main-nav, .navbar, header, #header, .dropdown-menu,
.mobile-menu-panel, .mobile-bottom-nav {
  background: rgba(16, 16, 16, 0.82) !important;
  color: #f5f1e8;
  border-color: rgba(201, 161, 74, 0.2) !important;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.06);
  -webkit-backdrop-filter: blur(18px) saturate(135%);
  backdrop-filter: blur(18px) saturate(135%);
}

/* Dark page bands retain their own imagery while replacing light surfaces */
.section, .section-light, .section-white, .section-gradient,
.faq-section, .promise-section {
  background-color: #0b0b0b;
  color: #f5f1e8;
}
.hero {
  background: linear-gradient(135deg, #0b0b0b 0%, #17130b 52%, #0b0b0b 100%) !important;
  color: #f5f1e8;
}
.hero::after { background: linear-gradient(to top, #0b0b0b, transparent); }
h1, h2, h3, h4, h5, h6 {
  color: #f5f1e8 !important;
}
.hero h1 em, .hero h2 em, .section-title em { color: #e8c06a !important; }

/* Glass panels with a restrained raised/inset finish */
.consultation-banner, .service-card-new, .reason-card, .pillar-header,
.pillar-card, .pillar-cards, .faq-card, .project-card-new,
.testimonial-card-new, .contact-card-new, .experience-card,
.calculator-section > *, .calc-steps, .faq-section .faq-card,
.promise-card, .quality-tag, .service-card, .package-card,
.select-card, .checkbox-label, .vr-gallery-item {
  background-color: rgba(255, 255, 255, 0.045);
  color: #f5f1e8;
  border-color: rgba(201, 161, 74, 0.2);
  box-shadow: 8px 9px 24px rgba(0, 0, 0, 0.42), inset 1px 1px 0 rgba(255, 255, 255, 0.045);
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
}
.service-card-new, .reason-card, .pillar-card, .faq-card, .package-card,
.select-card, .checkbox-label, .vr-gallery-item {
  border: 1px solid rgba(201, 161, 74, 0.18);
  border-radius: 10px;
}
.service-card-new:hover, .reason-card:hover, .package-card:hover,
.vr-gallery-item:hover {
  border-color: rgba(232, 192, 106, 0.62);
  box-shadow: 0 18px 38px rgba(0, 0, 0, 0.5), 0 0 24px rgba(201, 161, 74, 0.1);
}

/* Gold details and high-contrast type */
.nav-logo-text h1, .section-title, .service-card-body h3,
.pillar-card h5, .pillar-header h4, .faq-card h4, .logo-text,
.pkg-title, .section-header h2 {
  color: #f5f1e8;
}
.nav-logo-text p, .section-label, .section-label::before,
.service-timeline i, .service-link, .fee-label, .fee-new,
.hero h1 em, .section-title em, .nav-links a:hover,
.nav-links a.active, .footer-links a:hover {
  color: #e8c06a;
}
.section-label::before { background: #c9a14a; }
.nav-links a:hover, .nav-links a.active {
  background: rgba(201, 161, 74, 0.1);
}

button, .btn-primary, .btn-outline-dark, .btn-hero, .btn-hero-outline,
.btn-large, .service-link, .btn-consultation {
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease, color 180ms ease;
}
.btn-primary, .btn-hero, .btn-consultation, .btn-large {
  background: linear-gradient(145deg, #e4bd68, #b98b35);
  color: #111 !important;
  border: 1px solid rgba(255, 231, 174, 0.42);
  box-shadow: 5px 5px 14px rgba(0, 0, 0, 0.42), inset 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.btn-primary:hover, .btn-hero:hover, .btn-consultation:hover, .btn-large:hover {
  background: #f0cf82;
  color: #111 !important;
  box-shadow: 0 8px 22px rgba(201, 161, 74, 0.22), inset 1px 1px 0 rgba(255, 255, 255, 0.38);
}
.btn-outline-dark, .btn-hero-outline, .btn-outline-light {
  background: rgba(255, 255, 255, 0.035);
  color: #e8c06a;
  border-color: rgba(201, 161, 74, 0.45);
  box-shadow: 4px 4px 12px rgba(0, 0, 0, 0.36), inset 1px 1px 0 rgba(255, 255, 255, 0.04);
}

/* Calculator fields and active options */
input, select, textarea {
  background-color: #141414;
  color: #f5f1e8;
  border-color: rgba(201, 161, 74, 0.24);
}
input::placeholder, textarea::placeholder { color: rgba(245, 241, 232, 0.42); }
.select-card.active, .package-card.active {
  background: rgba(201, 161, 74, 0.16);
  color: #f5f1e8;
  border-color: #c9a14a;
  box-shadow: inset 3px 3px 10px rgba(0, 0, 0, 0.42), 0 0 18px rgba(201, 161, 74, 0.1);
}
.estimate-panel, .cta-section, .coming-soon-banner {
  background: linear-gradient(145deg, #1b1b1b, #0d0d0d);
  color: #f5f1e8;
  border-color: rgba(201, 161, 74, 0.24);
}
.est-price, .fee-free { color: #e8c06a; }
.faq-card h4, .footer-col h4 { color: #f5f1e8; }
.footer, .footer-new {
  background: #101010;
  color: #f5f1e8;
  border-top: 1px solid rgba(201, 161, 74, 0.18);
}

@media (prefers-reduced-transparency: reduce) {
  .main-nav, .navbar, header, #header, .dropdown-menu,
  .mobile-menu-panel, .mobile-bottom-nav {
    background: #101010 !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
  }
}