/* Model Signal dark theme + toggle button. Light stays the default. */
#ms-theme-toggle {
  position: fixed;
  top: auto;
  bottom: 18px;
  right: 14px;
  z-index: 9000;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: var(--surface);
  color: var(--ink);
  font-size: 19px;
  line-height: 1;
  cursor: pointer;
  box-shadow: var(--shadow);
  padding: 0;
}

html.dark {
  color-scheme: dark;
  --page: #161310;
  --surface: #211d18;
  --surface-2: #2a251e;
  --ink: #f2ebdd;
  --muted: #bcb3a2;
  --quiet: #978d7d;
  --line: #3b352b;
  --line-strong: #57503f;
  --accent: #f0865f;
  --accent-bright: #f7a983;
  --accent-soft: #472820;
  --green: #63bd90;
  --green-soft: #1c3a2c;
  --amber: #dcae55;
  --amber-soft: #3e3421;
  --blue: #6fa8c9;
  --blue-soft: #1e3442;
  --shadow: 0 14px 36px rgba(0, 0, 0, .45);
}

html.dark .hub-link img {
  filter: brightness(.82) saturate(.95);
}

html.dark .card-photo img,
html.dark .model-photo img {
  filter: brightness(.94);
}