:root:root {
    /* frame-1 ground: warm paper body, white surfaces, ink text */
    --dcm-color-body-bg: #fbfaf4;
    --dcm-color-navbar-bg: #ffffff;
    --dcm-color-surface: #ffffff;
    --dcm-color-surface-hover: #f7f0df;
    --dcm-color-surface-muted: #f3eee1;
    --dcm-color-text-primary: #10100e;
    --dcm-color-text-secondary: #515252;
    /* kill Dutchie default blue at BOTH layers, or the stock accent flashes */
    --dcm-color-primary: #ffaa00;
    --dct--customized-colors-buttonsLinks: #ffaa00;
    --dct--customized-colors-background: #fbfaf4;
    /* Work Sans is self-hosted and @font-face-injected by theme-wrapper; name
     * it here too so frame 1 does not measure text in a stock fallback and
     * then reflow when the real face lands. */
    --dct--customized-fonts-primary: 'Work Sans', 'Helvetica Neue', sans-serif;
    --dct--customized-fonts-secondary: 'Work Sans', 'Helvetica Neue', sans-serif;
  }

  /* The body itself, so the very first paint is paper rather than white. */
  body {
    background-color: #fbfaf4;
    color: #10100e;
  }