:root {
  --fasya-primary: #0f766e;       /* emerald */
  --fasya-primary-soft: #e0f2f1;  /* soft teal background */
  --fasya-primary-dark: #064e3b;  /* dark emerald */
  --fasya-accent: #fbbf24;        /* warm soft amber */
  --fasya-text-main: #0f172a;     /* slate-900 */
  --fasya-text-muted: #6b7280;    /* gray-500 */
}

/* Header & navbar */
.header-two {
  background: linear-gradient(135deg, var(--fasya-primary), #22c55e) !important;
  box-shadow: 0 8px 24px rgba(15, 118, 110, 0.25);
}

/* Menu utama: font putih */
#header.header-two .nav-link,
.header-two .navbar .nav-link,
.header-two .navbar.navbar-light .nav-link {
  color: #ffffff !important;
  font-weight: 500;
  transition: color 0.2s ease, transform 0.2s ease;
}

.header-two .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 1)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.header-two .navbar-toggler {
  border-color: rgba(255, 255, 255, 0.5);
}

.header-two .navbar .nav-link:hover,
.header-two .navbar .nav-link:focus,
.header-two .navbar.navbar-light .nav-link:hover,
.header-two .navbar.navbar-light .nav-link:focus,
.header-two .navbar .nav-item.active > .nav-link {
  color: #ffffff !important;
  transform: translateY(-1px);
}

.top-bar {
  background: #022c22;
  color: #a7f3d0;
}

.top-bar .info-text,
.top-bar .social-icon i {
  color: #a7f3d0;
}

/* Primary buttons */
.btn-primary,
.slider.btn.btn-primary,
.header-get-a-quote .btn.btn-primary {
  background: linear-gradient(135deg, var(--fasya-primary), #22c55e);
  border-color: transparent;
  color: #f9fafb;
  box-shadow: 0 8px 18px rgba(16, 185, 129, 0.35);
}

.btn-primary:hover,
.slider.btn.btn-primary:hover,
.header-get-a-quote .btn.btn-primary:hover {
  background: linear-gradient(135deg, var(--fasya-primary-dark), #16a34a);
  box-shadow: 0 10px 22px rgba(5, 150, 105, 0.4);
}

/* Section titles */
.section-title {
  color: var(--fasya-text-main) !important;
}

.section-subtitle {
  color: var(--fasya-text-muted) !important;
}

/* Stats accent color a bit softer */
#stats .stat-icon {
  color: var(--fasya-accent) !important;
}

/* Footer - abu gelap (bukan hitam pekat) */
.footer,
.footer .footer-main {
  background: #374151 !important;
  color: #e5e7eb;
}

/* Override overlay hitam dari .bg-overlay jadi abu gelap */
#footer.footer.bg-overlay::after,
.footer.bg-overlay::after {
  background-color: rgba(55, 65, 81, 0.98) !important;
}

.footer a {
  color: #a7f3d0;
}

.footer a:hover {
  color: #6ee7b7;
}