/* Website-only light canvas; shared components and dark mode keep their themes. */
:root[data-bluui-theme="light"] {
  --site-page-background: #f7f8fa;
  background: var(--site-page-background);
}

:root[data-bluui-theme="light"] body,
:root[data-bluui-theme="light"] #site-shell,
:root[data-bluui-theme="light"] #site-shell .blu-showcase {
  background: var(--site-page-background);
}

/* Give website cards a distinct surface against the page canvas. */
:root[data-bluui-theme="light"] .public-component-card:not(:hover),
:root[data-bluui-theme="light"] .landing-platform,
:root[data-bluui-theme="light"] .home-preview,
:root[data-bluui-theme="light"] .evidence-report-picker,
:root[data-bluui-theme="light"] .evidence-stats,
:root[data-bluui-theme="light"] .evidence-note,
:root[data-bluui-theme="light"] .evidence-details {
  background: var(--bluui-surface, #fff);
}