/* site ground: one colour to change. every other grey on the site is mixed from it,
   so the work band, card frames, hero fog and the about banner all follow. */
:root{
  --page-bg:#F5F5F5;
  --work-bg:color-mix(in srgb,var(--page-bg) 93.5%,#000);   /* homepage work band  (was #e4e5e7 on #f4f5f7) */
  --frame-bg:color-mix(in srgb,var(--page-bg) 86.5%,#000);  /* project card ground (was #D3D4D5) */
  --fog2:color-mix(in srgb,var(--page-bg) 98%,#000);        /* light hero fog, pale (was #edf0f4) */
  --fog1:color-mix(in srgb,var(--page-bg) 94%,#000);        /* light hero fog, deeper (was #e3e7ee) */
  --hero-lbg:color-mix(in srgb,var(--page-bg) 99%,#000);    /* light hero shader ground (was #f3f3f4 / #f1f1f2) */
  --hero-lbg2:color-mix(in srgb,var(--page-bg) 93%,#000);   /* light hero shader far ground (was #e2e3e5 / #e4e4e6) */
}