/* Demo PlantUML Themed SVG host vars (lightbox-compose). Generated by scripts/build-demo-plantuml.mjs */
:root {
  --themed-svg-facto-stack-demo-lightbox-compose-color-canvas: #ffffff;
  --themed-svg-facto-stack-demo-lightbox-compose-color-surface-primary: #eef2ff;
  --themed-svg-facto-stack-demo-lightbox-compose-color-surface-secondary: #f8fafc;
  --themed-svg-facto-stack-demo-lightbox-compose-color-text-primary: #172033;
  --themed-svg-facto-stack-demo-lightbox-compose-color-border-primary: #5b6475;
  --themed-svg-facto-stack-demo-lightbox-compose-color-edge: #475569;
  --themed-svg-facto-stack-demo-lightbox-compose-color-status-warning: #fef9c3;
  --themed-svg-facto-stack-demo-lightbox-compose-color-status-warning-border: #854d0e;
}

html.dark-theme {
  --themed-svg-facto-stack-demo-lightbox-compose-color-canvas: #111827;
  --themed-svg-facto-stack-demo-lightbox-compose-color-surface-primary: #273449;
  --themed-svg-facto-stack-demo-lightbox-compose-color-surface-secondary: #1f2937;
  --themed-svg-facto-stack-demo-lightbox-compose-color-text-primary: #f8fafc;
  --themed-svg-facto-stack-demo-lightbox-compose-color-border-primary: #a5b4c7;
  --themed-svg-facto-stack-demo-lightbox-compose-color-edge: #cbd5e1;
  --themed-svg-facto-stack-demo-lightbox-compose-color-status-warning: #422006;
  --themed-svg-facto-stack-demo-lightbox-compose-color-status-warning-border: #facc15;
}