/* Dark theme for the whole public site (Nov 9 2026): homepage, service pages, blog and 404.
   Switched on by <body class="theme-dark"> plus a <link> to this file in landing-page.html,
   generate-service-pages.js, blog/_lib.php and 404.html. Remove both to go back to light. */

body.theme-dark {
  --bg: #0b1626;
  --surface: #13253c;
  --surface2: #0e1d31;
  --border: rgba(255,255,255,0.1);
  --text: #f2f5fa;
  --text2: rgba(255,255,255,0.68);
  --text3: rgba(255,255,255,0.45);
  --shadow: 0 2px 14px rgba(0,0,0,0.3), 0 1px 3px rgba(0,0,0,0.2);
  --shadow-md: 0 12px 40px rgba(0,0,0,0.45), 0 2px 10px rgba(0,0,0,0.25);
  background:
    radial-gradient(ellipse 80% 50% at 50% 0%, rgba(31,69,115,0.55), transparent 70%),
    #0b1626;
}

/* The phone mock and the booking calendar stay light, like real screens */
body.theme-dark .phone-screen,
body.theme-dark .calendly-wrap {
  --bg: #f0f2f7; --surface: #fff; --surface2: #f7f8fb; --border: #e4e7ef;
  --text: #1a1d2e; --text2: #5a607a; --text3: #9ea5bf;
  color: var(--text);
}

/* Nav */
.theme-dark .nav-inner { background: rgba(12,25,42,0.82); border-color: rgba(255,255,255,0.1); box-shadow: 0 10px 30px rgba(0,0,0,0.35); }
.theme-dark .logo { color: #fff; }
.theme-dark .nav-links > a:hover,
.theme-dark .dropdown-trigger:hover,
.theme-dark .dropdown-wrap.open .dropdown-trigger { color: #fff; }
.theme-dark .nav-hamburger { color: #fff; }
.theme-dark .dropdown-item:hover { background: rgba(255,255,255,0.05); }
.theme-dark .dropdown-item .ic { color: var(--gold); }
/* Line icons: bright gold on navy */
.theme-dark .eyebrow svg.i,
.theme-dark .trust-chip-icon,
.theme-dark .svc-icon,
.theme-dark .hero-visual-icon,
.theme-dark .checklist-item .check,
.theme-dark .post-service > span,
.theme-dark .post-card-img-empty svg.i { color: var(--gold); }
.theme-dark .hero-service .eyebrow svg.i { color: var(--gold); }
.theme-dark .dropdown-item:hover .ic { color: var(--accent); }
@media (max-width: 760px) { .theme-dark .nav-inner { background: rgba(12,25,42,0.96); } }

/* Buttons and links */
.theme-dark .btn-secondary { background: rgba(255,255,255,0.05); color: #fff; border-color: rgba(255,255,255,0.22); }
.theme-dark .btn-secondary:hover { border-color: var(--gold); color: #fff; }
.theme-dark .btn-spin::before { background: conic-gradient(from var(--border-angle), #fff, transparent, #fff, transparent, #fff); }
.theme-dark .svc-cta { color: var(--gold); }
.theme-dark .svc-cta:hover { color: #fff; }
.theme-dark .faq-block a { color: var(--gold); }
.theme-dark .section-label { color: var(--gold); }

/* Hero */
/* Only the highlighted word, not the typewriter's per-letter spans */
.theme-dark .hero h1 > span:not(.tw-word) { color: var(--gold); }
.theme-dark .eyebrow { color: #fff; background: rgba(255,255,255,0.06); border-color: rgba(255,255,255,0.14); }
.theme-dark .orbit { border-color: rgba(255,255,255,0.12); }
.theme-dark .orbit-face { color: #fff; background: rgba(19,37,60,0.9); border-color: rgba(255,255,255,0.14); }

/* Sections: alternate bands so each one reads as its own block */
.theme-dark .why-section { background: var(--surface2); box-shadow: inset 0 1px 0 rgba(255,255,255,0.05), inset 0 -1px 0 rgba(255,255,255,0.05); }
.theme-dark .why-block { background: linear-gradient(135deg, #1f4573, #163455); border: 1px solid rgba(255,255,255,0.1); }
.theme-dark .why-card .num { color: var(--gold); }
.theme-dark .schedule-section { background: var(--surface2); border-color: rgba(255,255,255,0.06); }
.theme-dark .calendly-wrap { border-color: rgba(255,255,255,0.1); }
.theme-dark .vsl-frame { border-color: rgba(255,255,255,0.1); }

/* Gold-dark text is too dim on navy, so use the brighter gold */
.theme-dark .post-cat,
.theme-dark .post-answer-label,
.theme-dark .opp-platform,
.theme-dark .testimonial-stars,
.theme-dark .checklist-item .check { color: var(--gold); }

/* Service pages */
.theme-dark .service-trust-section { background: var(--surface2); border-color: rgba(255,255,255,0.06); }
.theme-dark .hero-service { box-shadow: inset 0 -1px 0 rgba(255,255,255,0.06); }
.theme-dark .svc-card:hover,
.theme-dark .crosssell-card:hover,
.theme-dark .post-card:hover { border-color: rgba(255,216,77,0.45); }

/* Blog */
.theme-dark .blog-cat:hover { border-color: var(--gold); color: #fff; }
.theme-dark .blog-cat.active { background: var(--gold); border-color: var(--gold); color: var(--accent); }
.theme-dark .blog-cat.active span { color: rgba(22,52,85,0.7); }
.theme-dark .blog-empty a { color: var(--gold); }
.theme-dark .post-answer { border-color: rgba(255,216,77,0.35); border-left-color: var(--gold); }
.theme-dark .prose { color: rgba(255,255,255,0.82); }
.theme-dark .prose a { color: var(--gold); }
.theme-dark .prose a:hover { color: #fff; }
.theme-dark .prose pre { background: #060d18; border: 1px solid rgba(255,255,255,0.08); }
.theme-dark .post-toc a:hover { color: #fff; }
.theme-dark .post-service:hover { color: var(--gold); }
.theme-dark .post-cta { background: linear-gradient(135deg, #1f4573, #163455); border: 1px solid rgba(255,255,255,0.1); }

/* Footer sits a shade darker than the page */
.theme-dark footer { background: #070f1b; border-top: 1px solid rgba(255,255,255,0.06); }