/* ================================================================
   Merge & Land - Dark mode
   Applies automatically when the visitor's device is set to dark.
   Loaded after each page's inline <style> so these rules win.
   ================================================================ */

:root { color-scheme: light dark; }

@media (prefers-color-scheme: dark) {

  /* ---- remap the core palette (covers most text, borders, alt panels) ---- */
  :root {
    --ink:#EDEEEF;
    --body:#C2C6C8;
    --faint:#8C9296;
    --line:#2C2F33;
    --bg:#0F1113;
    --bg-alt:#17191C;
    --accent-tint:#13251E;   /* light green band -> deep green band */
  }

  /* ---- page canvas ---- */
  body { background:#0F1113 !important; }

  /* ---- sticky nav (was frosted white) ---- */
  nav { background:rgba(16,18,20,.82) !important; border-bottom-color:#26292D !important; }

  /* ---- links / accents that were deep green (too dark on black) ---- */
  a { color:#4FBF95; }
  .back, .link-chevron, .link-chevron:hover,
  .doc-note a, .tier-bullets li::before { color:#4FBF95 !important; }
  /* keep nav + hero + footer link colours as their own rules set them */
  .nav-links a:not(.btn) { color:var(--body) !important; }

  /* ---- white cards / panels across every page ---- */
  .card, .faq, .item, .panel, .tier,
  .tier-card {
    background:#1B1E21 !important;
    border-color:#2C2F33 !important;
    box-shadow:0 1px 2px rgba(0,0,0,.35), 0 20px 44px -26px rgba(0,0,0,.7) !important;
  }
  /* keep the Pro "Most popular" gold glow + ring in dark mode too */
  .tier-card.featured {
    box-shadow:0 1px 2px rgba(0,0,0,.4), 0 26px 52px -20px rgba(217,177,92,.45), 0 0 0 2px var(--gold) !important;
  }

  /* ---- form inputs ---- */
  input[type=email], input[type=text], input[type=tel], textarea, select {
    background:#101315 !important;
    color:#EDEEEF !important;
    border-color:#33363B !important;
  }
  input::placeholder, textarea::placeholder { color:#7C8286 !important; }

  /* ---- tinted lead-magnet bands ---- */
  .lm { background:#13251E !important; border-top-color:#26292D !important; border-bottom-color:#26292D !important; }
  .rl { background:#13251E !important; border-top-color:#26292D !important; }

  /* ---- misc light fills ---- */
  .bar-track { background:#2C2F33 !important; }

  /* ---- keep the email capture pill WHITE in dark mode.
         Re-declare the light palette on it so its inner text (which uses
         these variables) stays dark and readable on white.
         NOTE: .doc-frame is intentionally excluded now - the board preview
         is a self-contained dark glass panel in every colour scheme. ---- */
  .lm-form {
    background:#ffffff !important;
    border-color:#D2D2D7 !important;
    --ink:#1D1D1F;
    --body:#424245;
    --faint:#6E6E73;
    --line:#D2D2D7;
    --bg-alt:#F5F5F7;
  }
  /* the email input inside the white pill stays light too */
  .lm-form input[type=email] {
    background:#ffffff !important;
    color:#1D1D1F !important;
    border-color:#D2D2D7 !important;
  }
  .lm-form input::placeholder { color:#6E6E73 !important; }

  /* ---- feature cards: they flip to white on hover in light mode ---- */
  .feature:hover { background:linear-gradient(165deg,#163A2E 0%,#0E241C 100%) !important; }
  .feature:hover h3, .feature:hover .f-files { color:#ffffff !important; }
  .feature:hover p { color:#C7DAD2 !important; }
  .feature:hover .area, .feature:hover .f-files i { color:var(--gold) !important; }
  .feature:hover .f-files { border-top-color:rgba(185,207,198,.16) !important; }

  /* ---- final CTA: white in light mode (set in page), black in dark mode
         so it stands apart from the green band above and green footer below ---- */
  .final { background:#000000 !important; border-top-color:#26292D !important; }
  .final h2 { color:#ffffff !important; }
  .final p { color:#C2C6C8 !important; }
  .final .final-note { color:#8C9296 !important; }
  .final .final-note a { color:var(--gold) !important; }

  /* ---- download page hero panel ---- */
  .download-section { background:#13251E !important; border-color:rgba(79,191,149,.22) !important; }

  /* the deep-green hero / pricing / final / footer sections are already
     dark with light text, so they read fine and are left untouched. */
}