/* STOCK_WHITE_BACKGROUND_V1_20261021
 * Page canvas only. Keep component surfaces, brand colors and dark mode.
 */
html:root[data-theme="light"],
html:root[data-theme="light"] body {
  --bg: #ffffff !important;
  --pro-bg: #ffffff !important;
  --color-bg: #ffffff !important;
  --color-background: #ffffff !important;
  --sd-color-bg: #ffffff !important;
  --api-bg: #ffffff !important;
  --cat-bg: #ffffff !important;
  --chat-page: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
}

/* Remove decorative canvas washes, but retain the loading skeleton. */
html:root[data-theme="light"]:not(.p2-booting) body::before,
html:root[data-theme="light"]:not(.p2-booting) body::after {
  background: none !important;
}

/* Pages without a theme controller, and the first paint before it runs. */
@media (prefers-color-scheme: light) {
  html:root:not([data-theme]):not(.dark),
  html:root:not([data-theme]):not(.dark) body:not([data-theme="dark"]):not(.dark):not(.dark-mode):not(.theme-dark) {
    --bg: #ffffff !important;
    --pro-bg: #ffffff !important;
    --color-bg: #ffffff !important;
    --color-background: #ffffff !important;
    --sd-color-bg: #ffffff !important;
    --api-bg: #ffffff !important;
    --cat-bg: #ffffff !important;
    --chat-page: #ffffff !important;
    background-color: #ffffff !important;
    background-image: none !important;
  }

  html:root:not([data-theme]):not(.dark):not(.p2-booting) body:not([data-theme="dark"]):not(.dark):not(.dark-mode):not(.theme-dark)::before,
  html:root:not([data-theme]):not(.dark):not(.p2-booting) body:not([data-theme="dark"]):not(.dark):not(.dark-mode):not(.theme-dark)::after {
    background: none !important;
  }
}