/* ============================================================
   Dark theme — original "true dark" palette
   Near-black slate base, dark elevated cards, bright green
   accent. Activated by html[data-theme="dark"].
   ============================================================ */
html[data-theme="dark"]{
  --green:#00b85c;
  --green-d:#2bd47e;
  --sage:#86b78d;
  --ink:#f0f3f7;
  --charcoal:#c2cbd8;
  --muted:#8a96a8;
  --line:rgba(255,255,255,.09);
  --bg-soft:#141b25;
}
html[data-theme="dark"] body{background:#0c1118;color:var(--charcoal)}

/* Scroll-to-top button — readable on dark canvas */
html[data-theme="dark"] .scroll-top{background:#1a8f47;color:#fff;box-shadow:0 10px 28px -10px rgba(0,0,0,.6)}
html[data-theme="dark"] .scroll-top:hover{background:#0e6f35}

/* Typography — light on dark */
html[data-theme="dark"] h1,
html[data-theme="dark"] h2,
html[data-theme="dark"] h3,
html[data-theme="dark"] h4{color:#f0f3f7;font-family:'Archivo','Inter',sans-serif;letter-spacing:-.015em}
html[data-theme="dark"] .kicker{color:#2bd47e;font-weight:700;letter-spacing:.18em;font-size:12px}
html[data-theme="dark"] .kicker.light{color:#2bd47e}

/* Mega menu in dark theme */
html[data-theme="dark"] .nav-item .nav-link{color:#E5E5E5}
html[data-theme="dark"] .nav-item:hover .nav-link,
html[data-theme="dark"] .nav-item.open .nav-link{color:#2bd47e}
html[data-theme="dark"] .mega-menu{background:#0F1116;border-top-color:rgba(255,255,255,.06);border-bottom-color:rgba(255,255,255,.06);box-shadow:0 16px 36px -12px rgba(0,0,0,.6)}
html[data-theme="dark"] .mega-col h4{color:#8a96a8}
html[data-theme="dark"] .mega-col a{color:#FFFFFF}
html[data-theme="dark"] .mega-col a:hover{color:#2bd47e}
html[data-theme="dark"] .mega-col a small{color:#8a96a8}

/* Header — black bar */
html[data-theme="dark"] .site-header{background:#0F1116;border-bottom:0;backdrop-filter:none}
html[data-theme="dark"] .logo-wm{color:#FFFFFF}
html[data-theme="dark"] .logo-wm small{color:#B5B5B5}
html[data-theme="dark"] .nav a{color:#E5E5E5}
html[data-theme="dark"] .nav a:hover,
html[data-theme="dark"] .nav a.active{color:#2bd47e}
html[data-theme="dark"] .nav .nav-cta{background:#00b85c;color:#04231a;border-radius:2px}
html[data-theme="dark"] .nav .nav-cta:hover{background:#2bd47e;color:#04231a}
html[data-theme="dark"] .burger span{background:#FFFFFF}
html[data-theme="dark"] .theme-switch{background:rgba(255,255,255,.08)}
html[data-theme="dark"] .theme-switch button{color:#B5B5B5}
html[data-theme="dark"] .theme-switch button:hover{color:#FFFFFF}
html[data-theme="dark"] .theme-switch button.active{background:#00b85c;color:#04231a}
html[data-theme="dark"] .lang-link{color:#E5E5E5;border-color:rgba(255,255,255,.18)}
html[data-theme="dark"] .lang-link:hover{color:#2bd47e;border-color:#2bd47e}

/* Hero — dark gradient with subtle green hint */
html[data-theme="dark"] .hero-bg{filter:contrast(1.04) brightness(.85) saturate(.95)}
html[data-theme="dark"] .hero-overlay{background:linear-gradient(100deg,rgba(8,12,18,.95) 0%,rgba(18,25,35,.78) 50%,rgba(0,184,92,.32) 100%)}
html[data-theme="dark"] .hero h1{color:#FFFFFF}
html[data-theme="dark"] .hero-sub{color:#cfd6e2}
html[data-theme="dark"] .eyebrow{color:#2bd47e;letter-spacing:.18em;font-weight:700}

/* Page hero (inner pages) */
html[data-theme="dark"] .page-hero{background:#10161f;color:#c2cbd8;border-bottom:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .page-hero h1{color:#f0f3f7}
html[data-theme="dark"] .page-hero .eyebrow{color:#2bd47e}
html[data-theme="dark"] .page-hero .page-sub{color:#9fb0c2}

/* Sections — alternating dark surfaces */
html[data-theme="dark"] .block{background:#0c1118}
html[data-theme="dark"] .ceo{background:#10161f}
html[data-theme="dark"] .ceo .signature{color:#f0f3f7}
html[data-theme="dark"] .ceo .signature span{color:#8a96a8}
html[data-theme="dark"] .vm{background:#0a0f15;color:#f0f3f7}
html[data-theme="dark"] .vm-grid h3{color:#2bd47e}
html[data-theme="dark"] .vm-grid article{border-left-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .vm-grid p{color:#c2cbd8}
html[data-theme="dark"] .services{background:#0c1118}
html[data-theme="dark"] .audience{background:#10161f}
html[data-theme="dark"] .roadmap{background:#10161f}
html[data-theme="dark"] .qhse{background:#0c1118}
html[data-theme="dark"] .certs{background:#0c1118}
html[data-theme="dark"] .susta{background:#11171f;color:#f0f3f7;border-top:3px solid #00b85c}
html[data-theme="dark"] .susta .kicker{color:#2bd47e}
html[data-theme="dark"] .site-footer{background:#0a0f15;color:#9fb0c2}
html[data-theme="dark"] .site-footer h4{color:#FFFFFF}
html[data-theme="dark"] .foot-logo{background:transparent;padding:0;border-radius:0}
html[data-theme="dark"] .foot-grid a:hover{color:#2bd47e}
html[data-theme="dark"] .foot-bottom{border-top-color:rgba(255,255,255,.08)}

/* Stats — dark band, bright green numbers */
html[data-theme="dark"] .stats{background:#10161f;color:#c2cbd8;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .num{color:#FFFFFF;font-size:54px}
html[data-theme="dark"] .lbl{color:#9fb0c2}
html[data-theme="dark"] .stats-grid div{border-left:1px solid rgba(255,255,255,.10)}

/* Cards — dark elevated surfaces */
html[data-theme="dark"] .svc{background:#141b25;border:1px solid rgba(255,255,255,.04);transition:.25s}
html[data-theme="dark"] .svc h3{color:#f0f3f7}
html[data-theme="dark"] .svc p{color:#9fb0c2}
html[data-theme="dark"] .svc:hover{background:#1b2533;transform:translateY(-2px)}
html[data-theme="dark"] .svc:hover h3{color:#2bd47e}
html[data-theme="dark"] .svc-grid,
html[data-theme="dark"] .aud-grid{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.07)}
html[data-theme="dark"] .aud-grid article{background:#141b25}
html[data-theme="dark"] .aud-grid h3{color:#f0f3f7}
html[data-theme="dark"] .aud-grid p{color:#9fb0c2}
html[data-theme="dark"] .road-grid article{background:#141b25;border-top:3px solid #00b85c}
html[data-theme="dark"] .road-grid h3{color:#f0f3f7}
html[data-theme="dark"] .road-grid p{color:#9fb0c2}
html[data-theme="dark"] .phase{color:#2bd47e}
html[data-theme="dark"] .cert{background:#141b25;border-top:3px solid #00b85c}
html[data-theme="dark"] .cert .issuer{color:#2bd47e}
html[data-theme="dark"] .cert p{color:#9fb0c2}
html[data-theme="dark"] .cert .meta{color:#c2cbd8}
html[data-theme="dark"] .cert-view{color:#2bd47e;border-bottom-color:#2bd47e}
html[data-theme="dark"] .cert-view:hover{color:#00b85c;border-bottom-color:#00b85c}
html[data-theme="dark"] .iso{background:#1a212c;border-bottom-color:#00b85c}
html[data-theme="dark"] .iso span{color:#f0f3f7}
html[data-theme="dark"] .member-tba{background-color:#141b25;background-image:url("/assets/img/logo-mark-white.png");background-position:center;background-size:45%;background-repeat:no-repeat;color:#86b78d;border:1px solid rgba(255,255,255,.06)}
html[data-theme="dark"] .member h3{color:#f0f3f7}
html[data-theme="dark"] .member span{color:#9fb0c2}

/* Buttons — green accent */
html[data-theme="dark"] .btn-primary{background:linear-gradient(135deg,#00c763 0%,#039a4f 100%);color:#04231a;box-shadow:0 6px 18px -6px rgba(0,184,92,.55),inset 0 1px 0 rgba(255,255,255,.25)}
html[data-theme="dark"] .btn-primary:hover{box-shadow:0 12px 26px -8px rgba(0,184,92,.7),inset 0 1px 0 rgba(255,255,255,.3)}
html[data-theme="dark"] .btn-ghost{border-color:rgba(255,255,255,.5);color:#FFFFFF;background:transparent}
html[data-theme="dark"] .btn-ghost:hover{background:#FFFFFF;color:#0c1118}

/* Forms */
html[data-theme="dark"] .col-form input,
html[data-theme="dark"] .col-form textarea{background:#141b25;border:1px solid rgba(255,255,255,.12);color:#e7ebf1}
html[data-theme="dark"] .col-form input:focus,
html[data-theme="dark"] .col-form textarea:focus{background:#1a212c;border-color:#00b85c}
html[data-theme="dark"] .col-form input::placeholder,
html[data-theme="dark"] .col-form textarea::placeholder{color:#7d8a9c}

/* QHSE logo frame (if used) */
html[data-theme="dark"] .qhse-logo-frame{background:#141b25;border-color:rgba(255,255,255,.06)}

/* Contact list */
html[data-theme="dark"] .contact-list li{color:#c2cbd8;border-bottom-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .contact-list li span{color:#2bd47e}
html[data-theme="dark"] .contact-list a:hover{color:#2bd47e}

/* Feature band */
html[data-theme="dark"] .feature-overlay{background:linear-gradient(90deg,rgba(8,12,18,.92) 0%,rgba(18,25,35,.40) 100%)}
html[data-theme="dark"] .feature-bg{filter:contrast(1.02) brightness(.88)}
html[data-theme="dark"] .feature-inner h2{color:#FFFFFF}
html[data-theme="dark"] .feature-inner p{color:#cfd6e2}
html[data-theme="dark"] .feature-inner .kicker{color:#2bd47e}

/* Responsive — keep mobile drawer dark */
@media (max-width:1180px){
  html[data-theme="dark"] .nav{background:#0F1116;border-bottom:1px solid rgba(255,255,255,.08)}
  html[data-theme="dark"] .nav a{color:#E5E5E5;border-bottom:0!important;margin-bottom:0!important}
}


/* Projects page — dark theme */
html[data-theme="dark"] .proj-filter-chip{color:#cad4e0;border-color:rgba(255,255,255,.14)}
html[data-theme="dark"] .proj-filter-chip:hover{border-color:#1a8f47;color:#1a8f47}
html[data-theme="dark"] .proj-filter-chip.active{background:#1a8f47;color:#fff;border-color:#1a8f47}
html[data-theme="dark"] .project-card{background:#141b25;border-color:rgba(255,255,255,.08)}
html[data-theme="dark"] .project-card-body h3{color:#e5efe9}
html[data-theme="dark"] .project-card-body p{color:#a3afba}
html[data-theme="dark"] .project-card-meta{color:#7c8794}