/* the public site's brand for the live demo's strip (scripts/demo/html.mjs brandCss) */
:root .ms-demo-bar,
:root .ms-demo-dialog {
  --ms-demo-brand: #cdf75a;
  --ms-demo-brand-hover: #bdea3c;
  --ms-demo-brand-ink: #3a5f00;
  --ms-demo-on-brand: #0e1a0b;
  --ms-demo-brand-soft: #f2f6e6;
  --ms-demo-accent: #ffb4e4;
  --ms-demo-line: #e3e8d6;
}
:root .ms[data-ms-theme='dark'] :is(.ms-demo-bar, .ms-demo-dialog) {
  --ms-demo-brand: #cdf75a;
  --ms-demo-brand-hover: #dcfb85;
  --ms-demo-brand-ink: #cdf75a;
  --ms-demo-on-brand: #0e1a0b;
  --ms-demo-brand-soft: #22341a;
  --ms-demo-accent: #ffb4e4;
  --ms-demo-line: #2c3b26;
}
@media (prefers-color-scheme: dark) {
  :root .ms:not([data-ms-theme='light']) :is(.ms-demo-bar, .ms-demo-dialog) {
    --ms-demo-brand: #cdf75a;
    --ms-demo-brand-hover: #dcfb85;
    --ms-demo-brand-ink: #cdf75a;
    --ms-demo-on-brand: #0e1a0b;
    --ms-demo-brand-soft: #22341a;
    --ms-demo-accent: #ffb4e4;
    --ms-demo-line: #2c3b26;
  }
}