/* Shared Deep midnight foundation. No product, case identity, or gold overrides. */
html[data-theme=dark]{
 --night-canvas:#090f1b;--night-top:#15263b;--night-glow:rgba(41,71,96,.75);
 --night-surface:#142135;--night-raised:#1d3047;--night-border:#37536d;
 --night-secondary:#90b9da;--night-text:#f0f3f7;--night-muted:#afc5d8;
 --portfolio-page:var(--night-canvas);--portfolio-panel:var(--night-surface);
 --paper:var(--night-canvas);--ink:var(--night-text);--muted:var(--night-muted);--line:var(--night-border);
 --global-accent-dark:var(--night-secondary);--global-accent-strong:var(--night-secondary);
 --global-accent-soft:var(--night-raised);--hero-systems:var(--night-secondary);
 --cta-foreground:var(--night-text);
}
html[data-theme=dark] body.portfolio-shell{
 background:radial-gradient(ellipse 1100px 680px at 50% 0,var(--night-glow) 0%,transparent 72%),linear-gradient(180deg,var(--night-top),var(--night-canvas) 760px);
 background-color:var(--night-canvas);background-repeat:no-repeat;color:var(--night-text);
}
/* Transparent canvas layers allow one continuous glow, rather than one per section. */
html[data-theme=dark] .portfolio-shell>main,
html[data-theme=dark] .portfolio-shell main.page,
html[data-theme=dark] .portfolio-shell main.portfolio-case-presentation,
html[data-theme=dark] .portfolio-shell :is(.hero,.about-page,.case-page,.case-brief,.case-story){background:transparent}
html[data-theme=dark] .portfolio-shell main{
 --ink:var(--night-text);--muted:var(--night-muted);--line:var(--night-border);
 --mf-muted:var(--night-muted);--mf-line:var(--night-border);--mf-paper:var(--night-surface);--mf-soft:var(--night-raised);
 --case-ink:var(--night-text)!important;--case-muted:var(--night-muted)!important;
 --case-line:var(--night-border)!important;--case-paper:var(--night-surface)!important;--case-soft:var(--night-raised)!important;
 --component-ink:var(--night-text)!important;--component-muted:var(--night-muted)!important;
 --component-line:var(--night-border)!important;--component-soft:var(--night-raised)!important;
 --story-ink:var(--night-text);--story-muted:var(--night-muted);--story-line:var(--night-border);
 --story-paper:var(--night-surface);--story-soft:var(--night-raised);--work-copy:var(--night-text);
}
html[data-theme=dark] .portfolio-shell .portfolio-left-nav,
html[data-theme=dark] .portfolio-shell .portfolio-left-nav>.topbar{
 background:var(--night-canvas);color:var(--night-text);border-color:var(--night-border);
}
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .inner-global-nav a[data-nav]:before,
html[data-theme=dark] .portfolio-shell .portfolio-work-marker::before,
html[data-theme=dark] .portfolio-shell .portfolio-work-marker:not([aria-expanded=true]) path{background:var(--night-canvas);fill:var(--night-canvas)}
html[data-theme=dark] .portfolio-shell .portfolio-left-nav::before,
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .inner-global-nav::before{background:var(--night-border)}
html[data-theme=dark] .portfolio-shell :is(.theme,.portfolio-breadcrumb,.portfolio-context-card){background:var(--night-surface);color:var(--night-text);border-color:var(--night-border)}
html[data-theme=dark] .portfolio-shell .theme:hover{background:var(--night-raised)}
html[data-theme=dark] .portfolio-shell .topbar .brand-surname{color:var(--night-secondary)}
html[data-theme=dark] .portfolio-shell main#home :is(.work-system-summary,.work-system-cases li>a,.approach-panel),
html[data-theme=dark] .portfolio-shell :is(.leadership-grid article,.supporting-card,.summary-note,.journey-card,.card){background:var(--night-surface);border-color:var(--night-border)}
html[data-theme=dark] .portfolio-shell :is(.hero-copy h1,.hero-copy p,.about-intro h1,.about-section-head h2,.leadership-grid h3){color:var(--night-text)}
html[data-theme=dark] .portfolio-shell :is(.focus p,.about-copy p,.about-lead,.about-story p,.about-timeline p,.about-section-head p,.leadership-grid p,.complexity-list p){color:var(--night-muted)}
html[data-theme=dark] .portfolio-shell .site-footer{background:linear-gradient(180deg,var(--night-top),var(--night-canvas));color:var(--night-text)}
html[data-theme=dark] .portfolio-shell .site-footer:after{background:radial-gradient(ellipse,var(--night-glow),transparent 65%)}
/* Retained opaque canvas wrappers must not restart or conceal the shared glow. */
html[data-theme=dark] .portfolio-shell main.portfolio-case-presentation .mf-canvas{background:transparent}
html[data-theme=dark] .portfolio-shell main.system-overview :is(.overview-header,.overview-section),
html[data-theme=dark] .portfolio-shell main.work-pattern-page .portfolio-context-card,
html[data-theme=dark] .portfolio-shell main.warehouse-overview .system-case-card[data-accent]{background:var(--night-surface)!important}
html[data-theme=dark] .portfolio-shell .portfolio-breadcrumb a,
html[data-theme=dark] .portfolio-shell .topbar .top-sub{color:var(--night-muted)}
html[data-theme=dark] .portfolio-shell .portfolio-left-nav .portfolio-location{color:var(--night-muted)}
html[data-theme=dark] .portfolio-shell .mobile-artifact-dialog{background:var(--night-surface);color:var(--night-text);border-color:var(--night-border)}
html[data-theme=dark] .portfolio-shell .work-mobile-viewing-notice{background:var(--night-surface);color:var(--night-text);border-color:var(--night-border)}
/* Existing footer gold, global gold, local accents, and CTA outlines are inherited unchanged. */