/* Legacy layout stays intact; only the content wrapper receives token colours. */
.mk-legacy {
  color: var(--ink); background: var(--bg); font-family: var(--font);
  --blue: var(--brand); --blue-lt: var(--link); --blue-glow: var(--brand);
  --offwhite: var(--ink); --muted: var(--ink-muted); --card: var(--surface); --border: var(--hairline);
}
.mk-legacy :is(h1,h2,h3,h4,h5,h6) { color: var(--ink-strong); font-family: var(--display); }
.mk-legacy :is(.text-white,.text-gray-100,.text-gray-200,.text-gray-300) { color: var(--ink); }
.mk-legacy :is(.text-gray-400,.text-gray-500,.text-gray-600,.text-gray-700) { color: var(--ink-muted); }
.mk-legacy :is(.text-violet-300,.text-violet-400,.text-blue-300,.text-blue-400,.text-purple-400) { color: var(--link); }
.mk-legacy :is(.gradient-text,.gradient-warm) { background: none; -webkit-text-fill-color: var(--ink-strong); color: var(--ink-strong); }
.mk-legacy :is(.card,.glass-card,.card-warm,.feature-card,.pricing-card,.site-card,.contact-link,.trust-logo) {
  color: var(--ink); background: var(--surface); border-color: var(--hairline);
}
.mk-legacy :is(.bg-white\/5,.bg-white\/10,.bg-white\/\[0\.03\],.bg-white\/\[0\.04\]) { background: var(--surface); }
.mk-legacy :is(.border-white\/5,.border-white\/10,.border-white\/20,.divider) { border-color: var(--hairline); }
.mk-legacy :is(input,select,textarea) { background: var(--surface) !important; color: var(--ink) !important; border-color: var(--hairline) !important; }
.mk-legacy :is(input,textarea)::placeholder { color: var(--ink-dim); }
.mk-legacy :is(input,select,textarea):focus-visible { outline: 2px solid var(--brand); outline-offset: 2px; }
.mk-legacy :is(.btn-gradient,.btn-primary,.btn-warm) { background: var(--brand); color: var(--brand-ink); box-shadow: var(--btn-shadow); }
.mk-legacy :is(.btn-gradient,.btn-primary,.btn-warm):hover { background: var(--brand-hover); color: var(--brand-ink); }
.mk-legacy :is(.btn-secondary,.btn-outline) { background: var(--surface); color: var(--link); border-color: var(--hairline); }
.mk-legacy :is(.prose p,.prose ul,.prose li) { color: var(--ink-muted); }
.mk-legacy .prose :is(h2,h3) { color: var(--ink-strong); }
.mk-legacy .prose a { color: var(--link); }
.mk-legacy .prose strong[style] { color: var(--ink-strong) !important; }
.mk-legacy [style*="border-top:1px solid rgba(255,255,255"] { border-top-color: var(--hairline) !important; }
.mk-legacy [style*="background:rgba(255,255,255"] { background: var(--surface) !important; }
.mk-legacy :is(.hero,.hero-bg,.section-dim,.section-tinted) { background: var(--bg); }
.mk-legacy :is(.section-h,.hero-h1,.cta-h,.fb-main) { color: var(--ink-strong); text-shadow: none; }
.mk-legacy :is(.section-sub,.hero-sub,.cta-sub,.hero-eyebrow) { color: var(--ink-muted); }
.mk-legacy :is(.trust,.pricing,.cta-section) { background: var(--surface); border-color: var(--hairline); }
.mk-legacy :is(.hero-h1,.section-h,.cta-h,.trust-logo,.fb-main) { font-family: var(--display); }
.mk-legacy[data-mk-bespoke="web"] .hero::after { opacity: 1; }
.mk-legacy[data-mk-bespoke="web"] .section[style] { background: var(--bg) !important; border-color: var(--hairline) !important; }
.mk-legacy[data-mk-bespoke="web"] :is(.browser-bar,.browser-content,.browser-url,.float-badge,.pricing-box,.pricing-price) { background: var(--surface); color: var(--ink); border-color: var(--hairline); }

/* SyncPoint retains layout/content, while surfaces follow the shared theme. */
.mk-legacy[data-mk-bespoke="syncpoint"] :is(.hero-bg,.section-tinted) { background: var(--bg); }
.mk-legacy[data-mk-bespoke="syncpoint"] :is(.cap-card,.feat-icon) { background: var(--surface); border-color: var(--hairline); }
.mk-legacy[data-mk-bespoke="syncpoint"] .step-circle { background: var(--brand); color: var(--brand-ink); }
.mk-legacy[data-mk-bespoke="syncpoint"] [style*="background:#fff"],
.mk-legacy[data-mk-bespoke="syncpoint"] [style*="background:#FAF8F5"] { background: var(--surface) !important; border-color: var(--hairline) !important; }
.mk-legacy[data-mk-bespoke="syncpoint"] [class*="text-[#"] { color: var(--ink-muted); }
.mk-legacy[data-mk-bespoke="syncpoint"] :is(h1,h2,h3,h4)[class*="text-[#"] { color: var(--ink-strong); }

.mk-legacy[data-mk-bespoke="syncpoint"] [style*="color:#1a1a1a"] { color: var(--ink-strong) !important; }
.mk-legacy[data-mk-bespoke="syncpoint"] :is([style*="color:#555"],[style*="color:#666"],[style*="color:#777"]) { color: var(--ink-muted) !important; }
.mk-legacy[data-mk-bespoke="syncpoint"] [style*="color:#8B1A1A"] { color: var(--link) !important; }

/* FIX-1: like the home deck, these two heroes stay navy in either theme. */
.mk-legacy[data-mk-bespoke="web"] .hero,
.mk-legacy:not([data-mk-bespoke="syncpoint"]) .hero-bg {
  --ink: var(--deck-ink);
  --ink-strong: var(--deck-ink);
  --ink-muted: var(--deck-muted);
  --link: var(--deck-ink);
  --surface: var(--deck-glass);
  --hairline: var(--deck-edge);
  background-color: var(--deck);
  background-image: linear-gradient(90deg,rgba(11,27,54,.92),rgba(11,27,54,.55) 55%,rgba(11,27,54,.25)),image-set(url("/img/platform/platform-deck-backdrop.webp") type("image/webp"),url("/img/platform/platform-deck-backdrop.jpg") type("image/jpeg"));
  background-size: cover;
  background-position: center right;
}
@media (max-width:639px) {
  .mk-legacy[data-mk-bespoke="web"] .hero,
  .mk-legacy:not([data-mk-bespoke="syncpoint"]) .hero-bg {
    background-image: linear-gradient(180deg,rgba(11,27,54,.78),rgba(11,27,54,.45)),image-set(url("/img/platform/platform-deck-backdrop-mobile.webp") type("image/webp"),url("/img/platform/platform-deck-backdrop-mobile.jpg") type("image/jpeg"));
  }
}
.mk-legacy pre:has(> #quote-skill-prompt) {
  background: var(--surface);
  color: var(--ink);
  border-color: var(--hairline);
}
.mk-legacy #quote-skill-prompt { color: var(--ink); background: transparent; }

/* #1368 quote code and example cards follow the shared theme in both modes. */
.mk-legacy[data-mk-page="quote"] :is(pre,article) { background: var(--surface); color: var(--ink); border-color: var(--hairline); }