/* Final site-wide surface normalization.
   Keep authored dark and image-led components intact; every light surface is pure white. */
:root {
  --site-page-surface: #ffffff;
  --site-header-surface: #ffffff;
  --ui-canvas: #ffffff;
  --ui-panel: #ffffff;
  --ui-panel-soft: #ffffff;
  --ui-panel-muted: #ffffff;
  --ui-light-module: #ffffff;
  --ui-light-card: #ffffff;
  --paper: #ffffff;
  --surface: #ffffff;
  --surface-soft: #ffffff;
}

html,
body,
body[class],
body > main,
body[class] > main {
  background-color: #ffffff !important;
  background-image: none !important;
}

header.nav,
.mega-nav-panel,
.mega-nav-shell,
.mega-nav-card,
.home-case-shortcuts,
.industry-filter-bar,
.case-chapter-nav,
.subpage-hero__visual,
.method-visual,
.media-placeholder,
.case-media-slot,
.field input,
.field select,
.field textarea,
input,
select,
textarea {
  background-color: #ffffff !important;
}

:where(
  .card,
  .compare-card,
  .methodology-row,
  .process,
  .compare,
  .steps,
  .method-content-card,
  .about-statement,
  .about-story-grid,
  .delivery-timeline,
  .result-chain,
  .parallax-case-grid,
  .industry-panel,
  .industry-case-card,
  .industry-transform-block,
  .industry-case-block,
  .case-impact-grid > article,
  .case-voice-grid > blockquote,
  .case-challenge-grid > article,
  .case-capability-list > article,
  .dispatch-monitor-grid > article,
  .case-loss-story,
  .case-operating-thesis,
  .case-relation-flow,
  .case-scenario,
  .deployment-facts,
  .dispatch-exception-panel
):not(.dark):not(.is-dark):not(.tone-dark):not([data-theme="dark"]) {
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Explicitly preserve authored black/deep surfaces. */
:where(
  .dark,
  .is-dark,
  .tone-dark,
  .footer,
  .compare-traditional,
  .control-room-stage,
  .service-stage,
  .match-lab,
  [data-theme="dark"]
) {
  background-color: var(--ui-dark, #111419) !important;
}

.about-refined-page :where(
  .company-facts,
  .positioning-strip,
  .responsibility-chain,
  .media-request,
  article
) {
  background-color: #ffffff !important;
  background-image: none !important;
}

.about-refined-page .fornax-stack {
  background-color: #39404a !important;
}
