:root {
  --bg-dark: #002121;
  --bg-darker: #000f0f;
  --text-light: #FFF;
  --text-secondary: #f0f0f0;
  --accent-teal: #00967f;
  --accent-hover: #00a99d;
  --nav-dark: rgba(0, 33, 33, 0.9);
  --card-dark: #001a1a;
  --border-light: #ffffff;
  --input-dark: rgba(255, 255, 255, 0.1);
  --overlay-dark: rgba(0, 0, 0, 0.5);
}

html {
    height: 100% !important;
    background: inherit !important;
}

body {
  background: linear-gradient(to bottom, var(--bg-dark), var(--bg-darker)) !important;
/*  background-attachment: fixed !important;
  background-size: cover !important;
  background-repeat: no-repeat !important; */
  min-height: 100vh !important;
  color: var(--text-light) !important;
}

.dark-theme {
  /* Override inline/PHP backgrounds from index.php and more sections */
  .banner-content-wrapper,
  .about-content-wrapper,
  .services-content-wrapper,
  .sectors-content-wrapper,
  .portfolio-content-wrapper,
  .portfolio-tiny-content-wrapper,
  .process-content-wrapper,
  .testimonials-content-wrapper,
  .awards-stats-content-wrapper,
  .founder-content-wrapper,
  .home-contact-wrapper,
  .theme-bg { /* Target inline body bg in index.php */
    background: linear-gradient(to bottom, var(--bg-dark), var(--bg-darker)) !important;
  }

  .callout-block,
  .enquiry-block,
  .card-body {
    background: var(--card-dark) !important;
  }

  nav {
    background: var(--nav-dark) !important;
  }

  nav a,
  nav .nav-link {
    color: var(--text-light) !important;
  }

  nav .nav-link.active {
    color: var(--accent-teal) !important;
  }

  .footer-content-wrapper,
  .global-footer-quick-links {
    background: var(--bg-darker) !important;
    color: var(--text-light) !important;
  }

  .footer-content-wrapper a {
    color: var(--text-secondary) !important;
  }

  .footer-content-wrapper a:hover {
    color: var(--text-light) !important;
    border-bottom-color: var(--text-light) !important;
  }

  .shape-container .shape-item {
    fill: var(--bg-darker) !important;
  }

  .card-body,
  .our-culture-wrapper .card-body,
  .perks-superhero-wrapper .card-body,
  .whyus-content .card-body,
  .engagement-model-content .card-body {
    background: var(--card-dark) !important;
    color: var(--text-light) !important;
    border: 1px solid var(--border-light) !important;
  }

  .our-culture-wrapper .card-body:hover,
  .perks-superhero-wrapper .card-body:hover,
  .whyus-content .card-body:hover {
    background: var(--accent-teal) !important;
    color: var(--text-light) !important;
  }

  .form-control,
  .captcha-input {
    background: var(--input-dark) !important;
    color: var(--text-light) !important;
    border-color: var(--text-light) !important;
  }

  .form-control::placeholder,
  .captcha-input::placeholder {
    color: var(--text-secondary) !important;
  }

  .form-control:focus {
    border-color: var(--accent-teal) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 127, 0.25) !important;
  }

  /* Select dropdown specific styling */
  select.form-control {
    background: var(--input-dark) !important;
    color: var(--text-light) !important;
    border-color: var(--text-light) !important;
  }

  select.form-control option {
    background: var(--bg-dark) !important;
    color: var(--text-light) !important;
  }

  select.form-control:focus {
    border-color: var(--accent-teal) !important;
    box-shadow: 0 0 0 0.2rem rgba(0, 150, 127, 0.25) !important;
  }

  /* Agile Process */
  .dotCircle .itemDot.active {
    background: var(--accent-teal) !important;
  }

  /* Parallax layers visibility */
  .layer {
    opacity: 0.9 !important;
  }

  .light {
    opacity: 0.8 !important;
  }

  /* Buttons preserve teal accents */
  .btn-custom.btn-primary {
    background: linear-gradient(120deg, var(--accent-teal) 0, var(--accent-hover) 75%) !important;
    color: var(--text-light) !important;
  }

  .btn-custom.btn-primary:hover {
    background-color: var(--accent-hover) !important;
  }

  .btn-custom.btn-white {
    background: var(--text-light) !important;
    color: var(--bg-dark) !important;
  }

  .btn-custom.btn-secondary {
    background: var(--card-dark) !important;
    color: var(--text-light) !important;
    border-color: var(--border-light) !important;
  }

  /* Image overlays for better contrast */
  .thumb-overlay,
  .banner-content-wrapper .background {
    background: var(--overlay-dark) !important;
  }

  .dark-theme img {
    filter: brightness(0.9) contrast(1.1);
  }

  /* Text adjustments */
  .light-text {
    color: var(--text-light) !important;
  }

  .text-dark {
    color: var(--text-secondary) !important;
  }

  /* Callouts and other sections */
  .callout-block {
    background: var(--card-dark) !important;
    color: var(--text-light) !important;
  }

  .callout h3 {
    color: var(--accent-teal) !important;
  }

  /* Ensure high contrast for links */
  a {
    color: var(--accent-teal) !important;
  }

  a:hover {
    color: var(--accent-hover) !important;
  }

  /* Footer bottom */
  .footer-bottom {
    background: rgba(0, 15, 15, 0.8) !important;
    color: var(--text-secondary) !important;
  }
}