:root:root {
    /* frame-1 ground: true-black chrome, ink body, white text */
    --dcm-color-body-bg: #0d0d0d;
    --dcm-color-navbar-bg: #000000;
    --dcm-color-surface: #1c1f1f;
    --dcm-color-text-primary: #ffffff;
    --dcm-color-text-secondary: rgba(255, 255, 255, 0.75);
    /* kill Dutchie default blue at BOTH layers, or the stock accent flashes */
    --dcm-color-primary: #c7fd51;
    --dct--customized-colors-buttonsLinks: #c7fd51;
    --dct--customized-colors-background: #0d0d0d;
    /* ONE 1240px spine (see the maxSiteWidth pin in GlobalStyles) */
    --dct--customized-maxSiteWidth: 1240px;
    /* name the face pre-boot so frame 1 measures text in the right metrics */
    --dct--customized-fonts-primary: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --dct--customized-fonts-secondary: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    /* PDP surfaces dark from FRAME 1 (mirrors GlobalStyles). Without these the
       weight tiles start on the host's light #f5f6f7 and fade to dark over
       0.3s; the contrast guard's first sweep saw "light ink on light fill"
       mid-fade and stamped the tile text black for good (1.11:1 on direct
       loads). This sheet ships as :root:root, so it beats the host :root. */
    --dcm-product-option-bg: #111111;
    --dcm-product-option-border-color: rgba(255, 255, 255, 0.35);
    --dcm-product-chip-bg: #1c1f1f;
    --dcm-product-chip-hover-bg: #262a2a;
    --dcm-product-chip-text-color: #ffffff;
    --dcm-product-effect-bg: #1c1f1f;
    --dcm-product-effect-text-color: #ffffff;
  }
  body {
    background: #0d0d0d;
  }