/* ATNIGHTX WHITE CANVAS — 2026-11-05
   Temporary neutral backdrop until each section receives approved original artwork.
   Intended to be loaded LAST. Does not alter application behavior, content, or assets. */
:root {
  color-scheme: light;
  --night: #ffffff;
  --night2: #ffffff;
  --ink: #0d2538;
  --soft: #32536a;
  --dim: #597081;
  --line: rgba(14, 55, 78, .16);
  --glass: rgba(255,255,255,.78);
  --canva-glass-lift: rgba(240,250,255,.90);
  --canva-glass-floor: rgba(255,255,255,.65);
  --canva-glass-shadow: 0 15px 44px rgba(17,52,78,.10), inset 0 1px 0 rgba(255,255,255,.8);
}
html, body, body.home, body.sub-site, .site-chrome, main {
  background-color: #fff !important;
  background-image: none !important;
}
html, body { min-height: 100%; }
body { color: var(--ink) !important; }
/* Don't retain a hidden MP4 poster, colored gradient, or overlay behind page overflow. */
.canvas-backdrop,
.sub-site .canvas-backdrop {
  background: #fff !important;
  background-image: none !important;
  opacity: 1 !important;
}
.canvas-backdrop video, .canvas-backdrop source,
.sub-site .canvas-backdrop video { display: none !important; }
.canvas-backdrop::before, .canvas-backdrop::after,
.sub-site .canvas-backdrop::before, .sub-site .canvas-backdrop::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
/* Neutral backgrounds for all site sections, bands and full-width containers. */
main section,
main .section,
main .full-bleed,
main .panel-dark,
main .sub-band,
main .budget-section,
main .globe-story,
main .globe-stage,
main .globe-map,
main .globe-fallback,
main .enterprise-orbit,
main .vcc-art-section,
.site-footer,
.sub-site .site-footer {
  background-color: #fff !important;
  background-image: none !important;
}
/* Chrome stays light while the original BAN logo and logo animation are untouched. */
.site-header, .sub-site .site-header,
.main-nav, .main-nav.is-open {
  background: rgba(255,255,255,.96) !important;
  background-image: none !important;
  border-color: rgba(25,100,125,.17) !important;
}
.wordmark, .brand, .footer-brand,
.main-nav a:not(.header-cta), .main-nav a:not(.header-cta):visited,
.footer-col a, .footer-bottom, .site-footer { color: #173348 !important; }
.main-nav a:not(.header-cta):hover { color: #007c9b !important; }
/* Base content: the former video backdrop provided contrast; reproduce it in type. */
main h1, main h2, main h3, main h4, main strong,
main .hero-lead strong, .section-heading h2, .sub-hero h1 {
  color: #102b42;
  text-shadow: none !important;
}
main p, main .hero-lead, main .section-heading p,
main .sub-hero p, main .sub-deck, main .sub-site p,
main .canva-enterprise-panel p, main .canva-enterprise-card p,
main .vcc-art-body, .footer-grid p, .footer-brand small,
main .hero-proof, main .micro-note {
  color: #37576b !important;
  text-shadow: none !important;
}
main .outline-title {
  color: transparent;
  -webkit-text-stroke: 1px #264c64;
  text-shadow: none !important;
}
/* Keep brand cyan on graphic treatments, but use a legible tone for small copy. */
main .eyebrow, main .small-uppercase, main .feature-id,
main .stat-label, main .feature-foot, .site-footer h4 {
  color: #007e92 !important;
  text-shadow: none !important;
}
/* Previously translucent glass surfaces render on white, not dark video. */
:where(.glass,.feature-card,.product-card,.protocol-step,.detail-diagram,
       .hero-rail,.stat-band,.end-inner,.seat-detail,.demo-console,.contact-card,
       .planner,.planner-side,.architect-panel,.sub-plan,.sub-auth,.sub-account-root,
       .sub-gate,.sub-terms-panel,.sub-arr-tools,.canva-enterprise-card,
       .canva-enterprise-strip,.canva-enterprise-panel) {
  background: rgba(248,252,255,.94) !important;
  background-image: none !important;
  color: #102b42 !important;
  border-color: rgba(30,117,152,.20) !important;
}
:where(.glass,.feature-card,.product-card,.protocol-step,.hero-rail,.stat-band,
       .end-inner,.sub-plan,.sub-auth,.canva-enterprise-card) h1,
:where(.glass,.feature-card,.product-card,.protocol-step,.hero-rail,.stat-band,
       .end-inner,.sub-plan,.sub-auth,.canva-enterprise-card) h2,
:where(.glass,.feature-card,.product-card,.protocol-step,.hero-rail,.stat-band,
       .end-inner,.sub-plan,.sub-auth,.canva-enterprise-card) h3 {color:#102b42 !important;}
:where(.glass,.feature-card,.product-card,.protocol-step,.hero-rail,.stat-band,
       .end-inner,.sub-plan,.sub-auth,.canva-enterprise-card) p {color:#38596d !important;}
main .canva-enterprise-strip strong, main .stat-band strong,
main .band-middle b {color:#17354c !important;}
/* Interactive geographic canvas can use its own foreground graphics and controls;
   the page and stage behind it remain white. */
.globe-stage .globe-map,
.globe-stage .globe-fallback {background:#fff !important;}
.globe-vignette {background:none!important;}
.globe-panel, .globe-topline, .globe-action-buttons button,
.globe-foot {
  background: rgba(5,28,49,.94) !important;
  color: #efffff !important;
}
.globe-panel h1, .globe-panel h2, .globe-panel strong,
.globe-panel label, .globe-panel .budget-personal,
.globe-panel .globe-metric strong { color:#efffff !important; }
.globe-panel p, .globe-panel span, .globe-caption { color:#c6e2ea !important; }
/* Inputs and buttons should stay legible on light panels. */
.form-stage input:not([type=checkbox]),.form-stage textarea,.form-stage select,
.wix-field input:not([type=checkbox]),.wix-field textarea,.wix-field select,
.sub-auth input,.sub-switch select,.sub-arr-tools input,.sub-arr-tools select {
  background:#fff!important;
  color:#102b42!important;
  border-color:rgba(20,75,100,.30)!important;
}
input::placeholder, textarea::placeholder {color:#6f8391;opacity:1;}
/* This temporary baseline should not replace page-specific approved artwork. */
