/* Dharma documentation site: the colours of the draw.io diagrams (docs/diagrams). */

:root,
[data-md-color-scheme="default"] {
  --md-primary-fg-color: #4a6a9a; /* diagram blue #6c8ebf, darkened for white text */
  --md-primary-fg-color--light: #6c8ebf;
  --md-primary-fg-color--dark: #3a5580;
  --md-accent-fg-color: #b57f00; /* diagram orange #d79b00 */
  --md-accent-fg-color--transparent: rgba(215, 155, 0, 0.1);
  --md-typeset-a-color: #3f659e;
  --dh-diagram-bg: #ffffff;
  --dh-hero-bg: linear-gradient(135deg, #dae8fc 0%, #d5e8d4 100%);
}

[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #34507a;
  --md-primary-fg-color--light: #6c8ebf;
  --md-primary-fg-color--dark: #2a4064;
  --md-accent-fg-color: #e6ac1e;
  --md-accent-fg-color--transparent: rgba(230, 172, 30, 0.1);
  --md-typeset-a-color: #8fb0e0;
  --md-default-bg-color: #161b22;
  --dh-diagram-bg: #f5f7fa; /* the diagrams are drawn for a light background */
  --dh-hero-bg: linear-gradient(135deg, #22324a 0%, #24372a 100%);
}

/* diagrams: a light panel in both schemes */
.md-typeset img[src*="images/"][src$=".svg"] {
  display: block;
  margin: 1.2em auto;
  padding: 0.8rem;
  max-width: 100%;
  background: var(--dh-diagram-bg);
  border: 0.05rem solid var(--md-default-fg-color--lightest);
  border-radius: 0.4rem;
}

/* landing page */
.md-typeset .dh-hero {
  clear: both; /* below the edit button */
  margin: 0 0 1.6rem;
  padding: 1.6rem 1.6rem 1.2rem;
  background: var(--dh-hero-bg);
  border-radius: 0.6rem;
}

.md-typeset .dh-hero h1 {
  margin-bottom: 0.4rem;
  font-weight: 700;
  color: var(--md-default-fg-color);
}

.md-typeset .dh-hero p:first-of-type {
  font-size: 1.05rem;
}

.md-typeset .dh-hero img {
  margin: 0.1rem 0;
}

.md-typeset .dh-hero .md-button {
  margin: 0.2rem 0.3rem 0.2rem 0;
}

[data-md-color-scheme="slate"] .md-typeset .md-button:not(.md-button--primary) {
  color: var(--md-typeset-a-color);
  border-color: currentcolor;
}

.md-typeset .grid > .card .lg {
  color: var(--md-primary-fg-color--light);
}

.md-typeset .grid > .card .md-button {
  margin-top: 0.2rem;
}

/* blockquotes in the wiki pages are warnings (Safety) */
.md-typeset blockquote {
  border-left-color: var(--md-accent-fg-color);
  color: var(--md-default-fg-color);
}