/* MySocial brand - magenta scale from the app design system (Content/page-styles). */
:root {
  --md-primary-fg-color: #9A0791;        /* magenta-700 */
  --md-primary-fg-color--light: #C808BD; /* magenta-500 */
  --md-primary-fg-color--dark: #5A0555;  /* magenta-900 */
  --md-primary-bg-color: #FFFFFF;
  --md-accent-fg-color: #C808BD;
  --md-accent-fg-color--transparent: #FBE8FA;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #5A0555;
  --md-accent-fg-color: #FF1CF7;         /* magenta-300 - readable on dark */
  --md-typeset-a-color: #F7CCF4;         /* magenta-100 */
}

.md-header__button.md-logo img { height: 1.6rem; }

/* App screenshots: soft frame so white UI doesn't bleed into the page. */
.md-typeset img.screenshot {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}