/* Theme values cross the component's shadow boundary through inherited properties. */
html[data-watchtower-theme="light"] watchtower-financial-stress-v1 {
  --fs-ink: #161b20;
  --fs-muted: #62696d;
  --fs-surface: #f5f3ed;
  --fs-panel: #fffefa;
  --fs-control: #fffefa;
  --fs-subtle: #ecebe5;
  --fs-border: #d5d5cd;
  --fs-border-strong: #aeb2ac;
  --fs-accent: #a83c1b;
  --fs-accent-border: #b44a25;
  --fs-active-bg: #f7dfd2;
  --fs-active-ink: #6e2d18;
  --fs-intro-bg: #f2e9df;
  --fs-shell-bg: #f5f3ed;
  --fs-topology-bg: #fffefa;
  --fs-positive: #186747;
  --fs-warning: #805400;
  --fs-negative: #b42336;
  --fs-blue: #285ea0;
  --fs-violet: #69429a;
  --fs-error-bg: #fdecef;
  --fs-error-border: #d99ca6;
  --fs-grid: #d5d5cd;
  --fs-focus: #a83c1b;
  --fs-shadow: 0 12px 32px rgba(22, 27, 32, .09);
  color-scheme: light;
}

html[data-watchtower-theme="light"] .fs-explain-dialog,
html[data-watchtower-theme="light"] #mkt-finance-intel-core .fs-deep-nav {
  color: #161b20 !important;
  background: #fffefa !important;
  border-color: #d5d5cd !important;
  box-shadow: 0 12px 32px rgba(22, 27, 32, .12) !important;
  color-scheme: light;
}
html[data-watchtower-theme="light"] .fs-explain-dialog::backdrop {
  background: rgba(22, 27, 32, .42);
}
html[data-watchtower-theme="light"] .fs-explain-dialog header,
html[data-watchtower-theme="light"] .fs-explain-dialog dl div {
  border-color: #d5d5cd !important;
}
html[data-watchtower-theme="light"] .fs-explain-dialog h2,
html[data-watchtower-theme="light"] .fs-explain-dialog dd {
  color: #161b20 !important;
}
html[data-watchtower-theme="light"] .fs-explain-dialog header span,
html[data-watchtower-theme="light"] .fs-explain-dialog h3,
html[data-watchtower-theme="light"] .fs-explain-dialog a {
  color: #a83c1b !important;
}
html[data-watchtower-theme="light"] .fs-explain-dialog dt,
html[data-watchtower-theme="light"] #mkt-finance-intel-core .fs-deep-nav p {
  color: #62696d !important;
}
html[data-watchtower-theme="light"] .fs-explain-dialog button,
html[data-watchtower-theme="light"] #mkt-finance-intel-core .fs-deep-nav select,
html[data-watchtower-theme="light"] #mkt-finance-intel-core .fs-section-heading button,
html[data-watchtower-theme="light"] #mkt-finance-intel-core .fs-column-help {
  background: #f5f3ed !important;
  color: #161b20 !important;
  border-color: #aeb2ac !important;
  color-scheme: light;
}
html[data-watchtower-theme="light"] .fs-explain-dialog :focus-visible,
html[data-watchtower-theme="light"] #mkt-finance-intel-core :focus-visible {
  outline-color: #a83c1b !important;
}