/** * Feature 035c — DPD chrome shared design tokens. * Single source of truth for the brand palette used by the header (035a) and footer (035b). * Defined once on `body.dpd-chrome` and enqueued once (dep: dpd-fonts); dpd-header.css and * dpd-footer.css both depend on this file so they no longer redeclare the palette. * * The steel/line values here are the light/paper-context defaults (used by the header). The dark * footer overrides them locally inside `#dpd-footer` (see dpd-footer.css), where it also adds its * own context-only token (--scan). */ body.dpd-chrome { --paper: #FBFAF7; --ink: #16140F; --ink-soft: #3A352D; --red: #DC0028; --red-deep: #A8001F; /* light/paper context (header); footer re-defines these on a dark panel */ --steel: #5A5347; --line: #E1DCD1; --line-strong: #C9C2B3; /* shared centered content column — header, body landing and footer align to this (035c). Matches landing/*.html's --max-w (1120px); the full-width chrome backgrounds span the viewport. */ --content-max: 1120px; } /* Shoptimizer forces `scrollbar-gutter: stable` on , which permanently reserves a ~15px gutter. With overlay scrollbars (macOS) that gutter is empty and shows the page background — a white strip on the right that the full-width dark footer doesn't cover. Reset to `auto` so the chrome reaches the true viewport edge: overlay scrollbars leave no gutter, and classic scrollbars (Windows) fill that 15px with the scrollbar itself instead of white. `:root` (0,1,0) out-specifies the theme's bare `html` (0,0,1) rule regardless of load order. */ :root { scrollbar-gutter: auto; }