/* NativeERP corporate home - system dark mode (Rent / Planner pattern).
   prefers-color-scheme only; no JS toggle.
   Targets ThemeForest / RD Navbar markup on www root (not Bootstrap 5 Planner).
   Link after css/style.css. Cache-bust with ?v= on the HTML link.
*/
html {
  color-scheme: light dark;
}

@media (prefers-color-scheme: dark) {
  :root {
    --ne-bg: #0B0B12;
    --ne-tx: #F3F4F6;
    --ne-mu: #A1A1AA;
    --ne-ac: #7dd3fc;
    --ne-ac2: #f0b27a;
    --ne-co: #1C1630;
    --ne-bd: #2A2A36;
    --ne-hl: #1a2332;
    --ne-brand-blue: #00baff;
    --ne-brand-orange: #ee8e23;
  }

  html,
  body,
  .page {
    background-color: var(--ne-bg) !important;
    color: var(--ne-tx) !important;
  }

  /* Light section bands used on the home page */
  .bg-white,
  .bg-white-lighter,
  .bg-gray-lighter,
  .rd-parallax.bg-white {
    background-color: var(--ne-co) !important;
    fill: var(--ne-co) !important;
    color: var(--ne-tx);
  }

  /* Keep intentional dark bands (footer / brochure CTA) */
  .bg-gray-base,
  .page-footer.bg-gray-base,
  .context-dark.bg-gray-base {
    background-color: #0a0a10 !important;
    fill: #0a0a10 !important;
    color: #F3F4F6 !important;
  }
  .context-dark,
  .context-dark h1,
  .context-dark h2,
  .context-dark h3,
  .context-dark h4,
  .context-dark h5,
  .context-dark h6,
  .context-dark p {
    color: #F3F4F6 !important;
  }
  .context-dark a {
    color: var(--ne-ac);
  }
  .context-dark a:hover {
    color: var(--ne-ac2);
  }

  /* Typography helpers from the template */
  .text-dark,
  .text-darker,
  .text-darkest,
  .page .text-dark,
  .page .text-darker,
  .page .text-darkest {
    color: var(--ne-tx) !important;
  }
  .text-muted {
    color: var(--ne-mu) !important;
  }
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    color: var(--ne-tx);
  }
  p, li, .unit-body, .post-title h6 {
    color: var(--ne-tx);
  }

  /* Beat common inline light-theme colors on this homepage */
  [style*="color: black"],
  [style*="color:black"],
  [style*="color: #1c2e63"],
  [style*="color:#1c2e63"] {
    color: var(--ne-tx) !important;
  }
  [style*="background-color: #f5f5f5"],
  [style*="background-color:#f5f5f5"] {
    background-color: var(--ne-co) !important;
  }

  /* Keep brand wordmark colors on hero */
  [style*="color:#00baff"],
  [style*="color: #00baff"] {
    color: var(--ne-brand-blue) !important;
  }
  [style*="color:#ee8e23"],
  [style*="color: #ee8e23"] {
    color: var(--ne-brand-orange) !important;
  }

  /* RD Navbar (desktop + fixed mobile) */
  .rd-navbar-wrap,
  .rd-navbar-default,
  .rd-navbar-default.rd-navbar-static,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-panel,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav-wrap.active {
    background-color: var(--ne-co) !important;
    border-bottom: 1px solid var(--ne-bd);
  }
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a,
  .rd-navbar-default .rd-navbar-nav > li > a {
    color: var(--ne-tx) !important;
  }
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.active > a,
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.focus > a,
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a:hover,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li a:hover,
  .rd-navbar-default.rd-navbar-fixed .rd-navbar-nav li.active > a {
    color: var(--ne-ac) !important;
  }
  /* Schedule CTA in nav keeps primary treatment */
  .rd-navbar-nav .btn-primary,
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a.btn-primary,
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li.active > a.btn-primary,
  .rd-navbar-default.rd-navbar-static .rd-navbar-nav > li > a.btn-primary:hover {
    color: #fff !important;
  }
  .rd-navbar-toggle span,
  .rd-navbar-toggle span:before,
  .rd-navbar-toggle span:after {
    background-color: var(--ne-tx) !important;
  }
  .rd-navbar-brand img,
  .rd-navbar-mobile-brand img,
  .footer-brand img {
    filter: brightness(1.12) contrast(1.05);
  }

  /* Links and icons */
  a {
    color: var(--ne-ac);
  }
  a:hover,
  a:focus {
    color: var(--ne-ac2);
  }
  .text-primary,
  .page .text-primary,
  .icon-primary,
  .icon.icon-primary {
    color: var(--ne-ac) !important;
  }
  .icon-circle.icon-primary {
    background-color: var(--ne-hl) !important;
    border-color: var(--ne-bd);
  }

  /* Buttons */
  .btn-primary {
    background-color: var(--ne-brand-blue) !important;
    border-color: var(--ne-brand-blue) !important;
    color: #0B0B12 !important;
  }
  .btn-primary:hover,
  .btn-primary:focus {
    filter: brightness(1.08);
    color: #0B0B12 !important;
  }
  .btn-default {
    background-color: transparent !important;
    border-color: var(--ne-bd) !important;
    color: var(--ne-tx) !important;
  }
  .btn-default:hover,
  .btn-default:focus {
    background-color: var(--ne-hl) !important;
    color: var(--ne-tx) !important;
  }

  /* Forms (newsletter / brochure) */
  .form-control,
  input.form-control,
  textarea.form-control {
    background-color: var(--ne-bg) !important;
    color: var(--ne-tx) !important;
    border-color: var(--ne-bd) !important;
  }
  .form-control::placeholder {
    color: var(--ne-mu);
    opacity: 1;
  }
  .form-control:focus {
    border-color: var(--ne-ac) !important;
    box-shadow: 0 0 0 0.2rem rgba(125, 211, 252, 0.25);
  }
  .input-group-addon,
  .input-group-icon {
    background-color: var(--ne-co) !important;
    color: var(--ne-ac) !important;
    border-color: var(--ne-bd) !important;
  }

  /* Cards / units / posts in footer columns */
  .unit,
  .post,
  .widget-post {
    color: var(--ne-tx);
  }
  .page-footer .text-darker,
  .page-footer time.text-darker {
    color: var(--ne-mu) !important;
  }

  /* Tables if present in comparison blocks */
  table,
  .table {
    color: var(--ne-tx);
    border-color: var(--ne-bd);
  }
  table th,
  table td,
  .table th,
  .table td {
    border-color: var(--ne-bd) !important;
  }

  hr {
    border-color: var(--ne-bd);
    opacity: 1;
  }

  /* Product / market screenshots stay readable */
  .img-responsive,
  img.center-block {
    background: transparent;
  }

  /* Calculoid embed: soften outer shell; widget internals are third-party */
  #roicalculator,
  [ng-app="calculoid"] {
    color: var(--ne-tx);
  }
}