/* Portfolio surface contract, 27 September 2026.
   E5E5E5 is the neutral page/panel background. --light remains text/line white.
   Dark sections, project artwork, brand swatches and illustration colors stay intact. */
:root { --surface-paper: #e5e5e5; }
html body { --paper: var(--surface-paper) !important; }

/* Work collection used the text token --light, unlike its footer. */
html body.work-page :is(.work-shell, .work-contact) {
  background-color: var(--surface-paper);
}

/* Case-study canvases have legacy literal off-white backgrounds. */
html body :is(.bw, .ab, .av, .dg, .lc),
html body .ab-hero,
html body.buckweb {
  background-color: var(--surface-paper);
}
html body.case-page .case-footer {
  background-color: var(--surface-paper);
}
html body.buckaroos-brand-rework .case-footer {
  background-color: transparent;
}

/* Neutral cards and viewer surrounds share the same paper surface. */
html body .evolution-card,
html body .dg-page-turner,
html body .scroll-menu,
html body.case-page .case-footer .about-avatar-crop {
  background-color: var(--surface-paper);
}
/* The page paper, light header, footer, and light hover frames inherit --paper.
   Do not recolor white imagery, swatches, glyphs, rules or loading progress bars. */