/* Neutral canvas from the approved September 16 Inbox mockup.
   Pages opt in through the body_class block. They re-point the warm paper
   tokens at a gray ramp instead of restyling each component, so the page
   ground, group headers, neutral badges, table hairlines and row hovers all
   follow. Semantic hues (sage, gold, brick, ink, plum) are untouched.

   Stock Bootstrap gray-600 (#6c757d) only reaches 4.2:1 on the soft wash,
   so it is used for hairlines (3:1 needed) and muted text takes #5c636a,
   which clears 4.5:1 on white, the canvas and the soft wash. */
body.pfb-neutral-canvas {
    --plucky-paper: #f8f9fa;
    --plucky-paper-soft: #f1f3f5;
    --plucky-neutral: #e9ecef;
    --plucky-border-soft: #dee2e6;
    --plucky-border-soft-2: #ced4da;
    --plucky-neutral-line: #6c757d;
    --plucky-text-muted: #5c636a;
    --bs-secondary-color: #5c636a;
    /* :root aliases resolve against the :root values, so restate them. */
    --neutral: var(--plucky-neutral);
    --neutral-100: var(--plucky-paper);
    background: var(--plucky-paper);
}