/* notefeed's own palette (carbon violet), so the docs and the app look related. */
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #4b3fa8;
  --md-primary-fg-color--light: #6a60bd;
  --md-primary-fg-color--dark: #3a3086;
  --md-accent-fg-color: #4b3fa8;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #a99dff;
  --md-primary-fg-color--light: #c3baff;
  --md-primary-fg-color--dark: #8b7ef0;
  --md-primary-bg-color: #15161b;
  --md-accent-fg-color: #a99dff;
}

/* Web UI screenshots: framed like an app window instead of a flat grey box. */
/* No display/margin on the img itself: that would override Material's #only-light/#only-dark hiding. */
.md-typeset p:has(> img[src*="assets/screenshot-"]) {
  text-align: center;
  margin: 1.5em 0 2em;
}

.md-typeset img[src*="assets/screenshot-"] {
  max-width: min(100%, 36rem);
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 0.6rem;
  box-shadow: 0 0.6rem 2rem rgb(0 0 0 / 12%);
}

[data-md-color-scheme="slate"] .md-typeset img[src*="assets/screenshot-"] {
  box-shadow: 0 0.6rem 2rem rgb(0 0 0 / 45%);
}