/* Amoud University brand overrides for the AU-IR User Guide.
   Brand palette: green #039100 · deep green #024D00 · gold #FFBC20 · charcoal #272727 */

:root {
  --md-primary-fg-color:        #039100;
  --md-primary-fg-color--light: #2bb52a;
  --md-primary-fg-color--dark:  #024D00;
  --md-accent-fg-color:         #c8920a; /* gold, darkened for link contrast */
  --au-gold:                    #FFBC20;
}

/* Slate (dark) scheme: lift the green so it stays legible on dark surfaces. */
[data-md-color-scheme="slate"] {
  --md-primary-fg-color: #2bb52a;
  --md-accent-fg-color:  #FFBC20;
}

/* ---- Custom "screenshot" admonition (gold, camera icon) ---------------- */
:root {
  --md-admonition-icon--screenshot: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 4h3l2-2h6l2 2h3a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2m8 3a5 5 0 0 0-5 5 5 5 0 0 0 5 5 5 5 0 0 0 5-5 5 5 0 0 0-5-5m0 2a3 3 0 0 1 3 3 3 3 0 0 1-3 3 3 3 0 0 1-3-3 3 3 0 0 1 3-3z"/></svg>');
}
.md-typeset .admonition.screenshot,
.md-typeset details.screenshot {
  border-color: var(--au-gold);
}
.md-typeset .screenshot > .admonition-title,
.md-typeset .screenshot > summary {
  background-color: rgba(255, 188, 32, 0.12);
}
.md-typeset .screenshot > .admonition-title::before,
.md-typeset .screenshot > summary::before {
  background-color: var(--au-gold);
  -webkit-mask-image: var(--md-admonition-icon--screenshot);
          mask-image: var(--md-admonition-icon--screenshot);
}

/* Make the role grid cards on the home page a touch warmer on hover. */
.md-typeset .grid.cards > ul > li:hover {
  border-color: var(--md-primary-fg-color);
}

/* Screenshots: subtle frame so captures read as distinct from the page. */
.md-typeset img.shot {
  border: 1px solid var(--md-default-fg-color--lightest);
  border-radius: 6px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.10);
  margin: 0.6rem 0;
}