/* EMS-blue brand palette — applied to both light and dark schemes */
:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color:        #0a3779;  /* EMS blue */
  --md-primary-fg-color--light: #1e4fa6;
  --md-primary-fg-color--dark:  #062857;
  --md-primary-bg-color:        #ffffff;
  --md-primary-bg-color--light: rgba(255, 255, 255, 0.7);
  --md-accent-fg-color:         #2563eb;  /* lighter blue for link/hover accents */
  --md-accent-fg-color--transparent: rgba(37, 99, 235, 0.1);
  --md-accent-bg-color:         #ffffff;
  --md-accent-bg-color--light:  rgba(255, 255, 255, 0.7);
  --md-typeset-a-color:         #0a3779;
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color:        #0a3779;
  --md-primary-fg-color--light: #1e4fa6;
  --md-primary-fg-color--dark:  #062857;
  --md-accent-fg-color:         #60a5fa;
  --md-accent-fg-color--transparent: rgba(96, 165, 250, 0.15);
  --md-typeset-a-color:         #93c5fd;
}

/* Tighter grid cards on the home page */
.md-typeset .grid.cards > ul > li {
  padding: 1.2rem 1.4rem;
}

/* Slightly heavier code-inline so endpoint paths read as code, not prose */
.md-typeset code {
  font-weight: 500;
}

/* "Copy page as markdown" button injected just under the page H1 */
.md-typeset .copy-md-btn {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin: -0.4rem 0 1.4rem 0;
  padding: 0.42rem 0.85rem;
  font-size: 0.74rem;
  font-weight: 600;
  font-family: inherit;
  letter-spacing: 0.01em;
  color: var(--md-primary-bg-color);
  background: var(--md-primary-fg-color);
  border: 1px solid var(--md-primary-fg-color);
  border-radius: 999px;
  cursor: pointer;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  transition: filter 0.15s, transform 0.05s, background 0.2s;
}

.md-typeset .copy-md-btn:hover {
  filter: brightness(1.08);
}

.md-typeset .copy-md-btn:active {
  transform: translateY(1px);
}

.md-typeset .copy-md-btn svg {
  flex: none;
}

.md-typeset .copy-md-btn--ok {
  background: #16a34a;
  border-color: #16a34a;
  color: #fff;
}

.md-typeset .copy-md-btn--err {
  background: #dc2626;
  border-color: #dc2626;
  color: #fff;
}