/*
  MNK / COLOR HIERARCHY 80
  An intentional four-surface palette, not a monochrome reskin.
  Priority: legibility > dramatic contrast > decoration.
  Loaded after the pre-existing section styles on every HTML page.
  Keeps video, imagery, canvas artwork, and the v79 animated footer intact.
*/
:root {
  --mnk80-ink: #304551;
  --mnk80-deep: #102B3B;
  --mnk80-midnight: #102B3B;
  --mnk80-ivory: #FFFFFF;
  --mnk80-bone: #F0F3F5;
  --mnk80-porcelain: #FFFFFF;
  --mnk80-gold: #CAD3D9;
  --mnk80-gold-ink: #607684;
  --mnk80-muted: #607684;
  --mnk80-dark-muted: #DCE4EA;
  --mnk80-line: rgba(48,69,81,.18);
  --mnk80-light-line: rgba(255,255,255,.23);
  /* Bridge the original design systems through their existing variables. */
  --paper: var(--mnk80-ivory);
  --ink: var(--mnk80-ink);
  --soft: var(--mnk80-bone);
  --muted: var(--mnk80-muted);
  --line: rgba(48,69,81,.17);
  --accent: var(--mnk80-gold-ink);
  --night: var(--mnk80-deep);
  --navy: var(--mnk80-deep);
  --navy2: #304551;
  --gold: var(--mnk80-gold);
  --gold-soft: #F0F3F5;
  --cream: var(--mnk80-ivory);
  --mnk43-navy: var(--mnk80-ink);
  --mnk43-gold: var(--mnk80-gold);
  --mnk44-ink: var(--mnk80-ink);
  --mnk44-ivory: var(--mnk80-ivory);
  --mnk44-gold: var(--mnk80-gold);
  --mnk44-soft: var(--mnk80-muted);
  --m36-paper: var(--mnk80-ivory);
  --m36-ink: var(--mnk80-ink);
  --m36-gold: var(--mnk80-gold);
  --m36-line: rgba(48,69,81,.18);
  --m36-navy: var(--mnk80-deep);
}
html { background: var(--mnk80-deep); }
body:not(.mnk-light-home) { background: var(--mnk80-ivory); color: var(--mnk80-ink); }
body.mnk-light-home {
  --mnk-ink:var(--mnk80-ink);
  --mnk-muted:var(--mnk80-muted);
  --mnk-gold:var(--mnk80-gold-ink);
  --mnk-ice:var(--mnk80-ivory);
  background:var(--mnk80-ivory);
  color:var(--mnk80-ink);
}
/* Intro, navbar, glass, and the menu use a neutral material rather than blue-tinted plastic. */
body .mnk71-nav { color:var(--mnk80-ink); }
body .mnk71-blur {
  background:linear-gradient(125deg,rgba(255,255,255,.62),rgba(255,255,255,.37) 50%,rgba(255,255,255,.60));
}
body .mnk71-middle a, body .mnk71-toggle, body .mnk71-logo { color:var(--mnk80-ink); }
body .mnk71-optic { opacity:.85; }
/* The premium video hero remains dark so its large white text always works. */
body.mnk-light-home .mnk-video-hero { color:#FFFFFF!important; }
/* Home: warm editorial light chapters punctuated with intentional navy. */
body.mnk-light-home .mnk-campaign {
  --ref-cream:var(--mnk80-porcelain);
  --ref-ink:var(--mnk80-ink);
  --ref-muted:var(--mnk80-muted);
  background:linear-gradient(180deg,var(--mnk80-porcelain),var(--mnk80-ivory) 80%,var(--mnk80-porcelain))!important;
  color:var(--mnk80-ink)!important;
}
body.mnk-light-home .mnk-campaign-copy h2 {color:var(--mnk80-ink)!important}
body.mnk-light-home .mnk-campaign-copy h2 .accent {color:var(--mnk80-gold-ink)!important}
body.mnk-light-home .mnk-campaign-copy p {color:var(--mnk80-muted)!important}
body.mnk-light-home .mnk-campaign::before {background:linear-gradient(180deg,transparent,rgba(16,43,59,.09),transparent)!important}
body.mnk-light-home #services,
body.mnk-light-home #insights {
  background:linear-gradient(180deg,var(--mnk80-ivory),var(--mnk80-bone))!important;
  color:var(--mnk80-ink)!important;
}
body.mnk-light-home #services .section-title,
body.mnk-light-home #insights .insights-title {color:var(--mnk80-ink)!important}
body.mnk-light-home .expertise-card {
  background:linear-gradient(145deg,rgba(255,255,255,.80),rgba(255,255,255,.67))!important;
  border:1px solid rgba(255,255,255,.88)!important;
  color:var(--mnk80-ink)!important;
  box-shadow:inset 0 1px 0 #FFFFFF,0 15px 38px rgba(48,69,81,.065)!important;
}
body.mnk-light-home :is(.expertise-title,.expertise-top,.expertise-list){color:var(--mnk80-ink)!important}
body.mnk-light-home .expertise-icon {background:var(--mnk80-gold)!important;color:var(--mnk80-ink)!important}
body.mnk-light-home .expertise-overlay {background:linear-gradient(140deg,#F0F3F5,var(--mnk80-gold))!important}
body.mnk-light-home :is(.service-link-wrap .text-link,.expertise-placeholder .bolt){color:var(--mnk80-gold-ink)!important}
body.mnk-light-home .mnk-bouncy {
  --ref-cream:var(--mnk80-porcelain);
  --ref-ink:var(--mnk80-ink);
  --ref-muted:var(--mnk80-muted);
  --ref-card:rgba(255,255,255,.8);
  background:linear-gradient(180deg,var(--mnk80-bone),var(--mnk80-porcelain))!important;
  color:var(--mnk80-ink)!important;
}
body.mnk-light-home .mnk-bouncy-heading .accent {color:var(--mnk80-gold-ink)!important}
body.mnk-light-home .mnk-big-feature {background:linear-gradient(140deg,rgba(255,255,255,.87),rgba(255,255,255,.7))!important;border-color:rgba(255,255,255,.92)!important}
body.mnk-light-home .mnk-big-inner,body.mnk-light-home .mnk-mini-card-inner {background:rgba(255,255,255,.35)!important}
body.mnk-light-home .mnk-mini-fade-left {background:linear-gradient(90deg,var(--mnk80-porcelain),transparent)!important}
body.mnk-light-home .mnk-mini-fade-right {background:linear-gradient(270deg,var(--mnk80-porcelain),transparent)!important}
body.mnk-light-home .mnk-story {background:linear-gradient(180deg,#304551,var(--mnk80-deep))!important;color:var(--mnk80-porcelain)!important}
body.mnk-light-home .story-badge span {background:rgba(255,255,255,.09)!important}
body.mnk-light-home .blog-card {color:var(--mnk80-ink)!important}
body.mnk-light-home .blog-card p {color:var(--mnk80-muted)!important}
body.mnk-light-home .blog-image {background:#F0F3F5}
body.mnk-light-home .tag {color:var(--mnk80-gold-ink)!important;background:rgba(16,43,59,.14)!important}
body.mnk-light-home .mnk-soar-section {
  background:radial-gradient(ellipse at 53% 49%,#F0F3F5,var(--mnk80-ivory) 66%,var(--mnk80-porcelain))!important;
  color:var(--mnk80-ink)!important;
}
body.mnk-light-home .mnk-soar-title {color:var(--mnk80-ink)!important}
body.mnk-light-home .mnk-soar-title .accent{color:var(--mnk80-gold-ink)!important}
body.mnk-light-home .mnk-soar-text {color:var(--mnk80-muted)!important}
/* Keep the strategy animation and its WebGL layers dark, without changing canvas pixels. */
body.mnk-light-home .mnk-dv-section {background:var(--mnk80-midnight)!important;color:var(--mnk80-porcelain)!important}
body.mnk-light-home :is(.mnk-dv-center-title,.mnk-dv-title){color:var(--mnk80-porcelain)!important}
body.mnk-light-home .mnk-dv-center-text {color:var(--mnk80-dark-muted)!important}
/* Shared editorial vocabulary for business setup, with its dramatic photography untouched. */
body[data-route="business-setup"] {background:var(--mnk80-ivory)}
body[data-route="business-setup"] .mnk30 {
  --n:var(--mnk80-ink);--g:var(--mnk80-gold-ink);
  --p:var(--mnk80-ivory);--mut:var(--mnk80-muted);
  --line:var(--mnk80-line);
}
body[data-route="business-setup"] .mnk30-depth-curtain,
body[data-route="business-setup"] .mnk30-depth-exit,
body[data-route="business-setup"] .mnk30-paper {background:var(--mnk80-ivory)}
body[data-route="business-setup"] .mnk30-depth-curtain h1 em{color:#607684}
body[data-route="business-setup"] .mnk30-intro p,
body[data-route="business-setup"] .mnk30-compare-head p{color:var(--mnk80-muted)}
body[data-route="business-setup"] .mnk30-realities{background:var(--mnk80-deep)}
body[data-route="business-setup"] .mnk30-scene h2 em{color:#CAD3D9}
/* Services: replace accidental grey/blue page sections with intentional alternation. */
body[data-route="services"] .svc34 {
  --s-ink:var(--mnk80-ink);--s-paper:var(--mnk80-porcelain);
  --s-gold:var(--mnk80-gold-ink);--s-muted:var(--mnk80-muted);
}
body[data-route="services"] .sv-editorial{background:var(--mnk80-porcelain)}
body[data-route="services"] :is(.sv-connected,.sv-directory){background:var(--mnk80-bone)}
body[data-route="services"] .sv-flow{background:var(--mnk80-ivory)}
body[data-route="services"] :is(.sv-find,.sv-intent){background:var(--mnk80-bone)}
body[data-route="services"] :is(.sv-service,.sv-description){color:var(--mnk80-muted)}
body[data-route="services"] .sv-service:is(.active,:hover,:focus-visible){color:var(--mnk80-ink)}
body[data-route="services"] .sv-service-list,
body[data-route="services"] .sv-service {border-color:rgba(48,69,81,.22)}
body[data-route="services"] .sv-stage-tab {border-color:rgba(48,69,81,.22)}
/* About, Insights, and service landing pages share a common paper/ink/neutral scheme. */
body .m36-about-prologue, body .m36-principles,
body .m36-journal, body .m36-contact-dialogue {background:var(--mnk80-ivory)}
body .m36-experience, body .m36-insight-interlude {background:var(--mnk80-bone)}
body .m36-insights-opening, body .m36-insights-next {background:var(--mnk80-porcelain)}
body .m36-contact-final {background:var(--mnk80-bone)}
body :is(.m36-lede,.m36-experience-number small,.m36-principles-head p,.m36-insight-masthead .m36-masthead-meta){color:var(--mnk80-muted)}
body .m36-principle{border-color:rgba(48,69,81,.19);color:var(--mnk80-muted)}
body .m36-principle:is(.is-current,:hover){color:var(--mnk80-ink)}
/* Generic inner-page content: inherit semantic background and text, preserve photo chapters. */
body .prologue, body .about-opening,body .detail-narrative,body .detail-points {background:var(--mnk80-ivory)}
body .insights-hero {background:var(--mnk80-bone)}
body .detail-motif,body .more-routes {background:var(--mnk80-porcelain)}
body :is(.prologue,.about-opening,.detail-narrative,.detail-points) p,
body .section-intro>p{color:var(--mnk80-muted)}
/* Contact remains a familiar WhatsApp experience, not a fake navy monochrome chat. */
body.mnk75-contact-body,body.mnk75-contact-body .mnk75-contact {background:var(--mnk80-ivory);color:var(--mnk80-ink)}
body .mnk75-contact-intro h1 {color:var(--mnk80-ink)}
body .mnk75-contact-intro h1 em {color:var(--mnk80-gold-ink)}
body .mnk75-contact-intro>p {color:var(--mnk80-muted)}
body .mnk75-chat-head {background:var(--mnk80-deep)}
body .mnk75-chat {background:var(--mnk80-porcelain)}
body .mnk75-chat-thread {background-color:#FFFFFF}
body .mnk75-chat-controls {background:var(--mnk80-porcelain)}
/* Context-aware CTA palette: distinct layouts stay distinct. */
body .mnk77-cta {
  --m77-gold:var(--mnk80-gold);
  --m77-line:rgba(48,69,81,.19);
  --m77-ink:var(--mnk80-ink);
  --m77-muted:var(--mnk80-muted);
}
body .mnk77-cta.m77-home,body .mnk77-cta.m77-cost {
  --m77-paper:var(--mnk80-deep);
  --m77-ink:var(--mnk80-porcelain);
  --m77-muted:var(--mnk80-dark-muted);
  --m77-line:rgba(255,255,255,.23);
}
body .mnk77-cta.m77-home {background:var(--mnk80-deep)}
body .mnk77-cta.m77-cost {background:#304551}
body .mnk77-cta.m77-services {background:var(--mnk80-porcelain)}
body .mnk77-cta.m77-about,body .mnk77-cta.m77-cities,
body .mnk77-cta.m77-service-c {background:var(--mnk80-bone)}
body .mnk77-cta.m77-zones,body .mnk77-cta.m77-locality,
body .mnk77-cta.m77-reading {background:var(--mnk80-ivory)}
body .mnk77-cta.m77-service-b,body .mnk77-cta.m77-posts {
  --m77-ink:var(--mnk80-porcelain);
  --m77-muted:var(--mnk80-dark-muted);
  --m77-line:rgba(255,255,255,.25);
  background:var(--mnk80-ink);
}
body .mnk77-cta.m77-service-b .m77-action,
body .mnk77-cta.m77-posts .m77-action {background:var(--mnk80-porcelain);color:var(--mnk80-ink)!important}
body .mnk77-cta .m77-action {background:var(--mnk80-ink)}
body .mnk77-cta.m77-cost .m77-action {background:#102B3B;color:var(--mnk80-ink)!important}
body .mnk77-cta .m77-action .m77-arrow {background:var(--mnk80-ivory);color:var(--mnk80-ink)}
body .mnk77-cta .m77-kicker-dot {background:var(--mnk80-gold)}
body .mnk73-cta {--m73-ink:var(--mnk80-ink);--m73-cream:var(--mnk80-ivory);--m73-gold:var(--mnk80-gold)}
body .mnk73-cta.mnk73-paper {background:var(--mnk80-ivory)}
body .mnk73-cta.mnk73-paper .mnk73-action {background:var(--mnk80-ink)}
/* One shared active/focus accent and readable muted text. */
body :is(a,button,input,select,textarea):focus-visible {outline-color:var(--mnk80-gold-ink)}
body :is(.prologue,.about-opening,.detail-narrative,.m36-about-prologue,.m36-insights-opening) :is(.eyebrow,.overline) {color:var(--mnk80-gold-ink)}
/* The v79 skyline footer retains its original implementation, palette and opacity. */
/* Liquid menu: warm neutral light transmission, retain the existing 3D folder geometry. */
body .mnk48-overlay { color:var(--mnk80-ink); }
body .mnk48-panel {
  background:rgba(255,255,255,.94);
  border-color:rgba(255,255,255,.82);
  box-shadow:0 26px 70px -26px rgba(16,43,59,.29),0 3px 14px rgba(16,43,59,.07),inset 0 1px rgba(255,255,255,.9);
}
body .mnk48-brand,body .mnk48-section-name,
body .mnk48-crumb[aria-current]{color:var(--mnk80-ink)}
body .mnk48-brand span {color:var(--mnk80-gold-ink)}
body .mnk48-crumb,body .mnk48-back {color:var(--mnk80-muted)}
body .mnk48-close {background:rgba(255,255,255,.72);border-color:rgba(48,69,81,.18);color:var(--mnk80-ink)}
body .mnk48-section-head,body .mnk48-header {border-color:rgba(48,69,81,.12)}
/* Offshore and other intentional midnight CTAs must keep light copy. */
body .mnk77-cta.m77-offshore {
  --m77-paper:var(--mnk80-deep);
  --m77-ink:var(--mnk80-porcelain);
  --m77-muted:var(--mnk80-dark-muted);
  --m77-line:rgba(255,255,255,.25);
  background:var(--mnk80-deep);
}
body .mnk77-cta.m77-offshore .m77-action {
  background:var(--mnk80-porcelain);
  color:var(--mnk80-ink)!important;
}
