/* EventOps green (#1ab394, the application's own primary) for links, buttons and the active
   menu item, in both the light and the dark scheme. */
:root > * {
  --md-accent-fg-color: #1ab394;
  --md-accent-fg-color--transparent: rgba(26, 179, 148, 0.1);
  --md-typeset-a-color: #139a7f;
}

[data-md-color-scheme="slate"] {
  --md-typeset-a-color: #3fd0b1;
}

/* A primary button in the EventOps green rather than the header colour, which is white. */
.md-typeset .md-button--primary {
  background-color: #1ab394;
  border-color: #1ab394;
  color: #fff;
}

.md-typeset .md-button--primary:hover {
  background-color: #139a7f;
  border-color: #139a7f;
}

/* Screenshots get a thin border, so a white page does not melt into a white site. */
.md-typeset img.schermafbeelding {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
}