/* ChannelX brand colours */
:root {
  --cx-magenta: #B0117A;
  --cx-magenta-light: #C2185B;
  --cx-magenta-dark: #8E0E61;
}

[data-md-color-primary="custom"] {
  --md-primary-fg-color: var(--cx-magenta);
  --md-primary-fg-color--light: var(--cx-magenta-light);
  --md-primary-fg-color--dark: var(--cx-magenta-dark);
  --md-primary-bg-color: #ffffff;
  --md-primary-bg-color--light: #ffffffb3;
}

[data-md-color-accent="custom"] {
  --md-accent-fg-color: var(--cx-magenta-light);
}

/* Polish screenshots: subtle frame so UI captures read as figures */
.md-typeset img {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 8px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
  max-width: 100%;
}

[data-md-color-scheme="slate"] .md-typeset img {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.4);
}

/* Tighten heading rhythm a touch for a cleaner, professional feel */
.md-typeset h2 {
  margin-top: 2.2em;
}

/* Landing-page feature cards */
.md-typeset .grid.cards > ul > li {
  border-radius: 10px;
  transition: border-color 120ms, box-shadow 120ms;
}
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--cx-magenta-light);
  box-shadow: 0 4px 16px rgba(176, 17, 122, 0.12);
}