/* ============================================================
   Layer badge colours — Bronze / Silver / Gold
   Used by custom MkDocs Material admonition types.
   ============================================================ */

:root {
  /* Simple filled-circle SVG used as admonition icon */
  --md-admonition-icon--bronze: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z'/></svg>");
  --md-admonition-icon--silver: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z'/></svg>");
  --md-admonition-icon--gold:   url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z'/></svg>");
}

/* ---- Bronze — RAW layer ---------------------------------- */
.md-typeset .admonition.bronze,
.md-typeset details.bronze {
  border-color: #cd7f32;
}
.md-typeset .bronze > .admonition-title,
.md-typeset .bronze > summary {
  background-color: rgba(205, 127, 50, .12);
}
.md-typeset .bronze > .admonition-title::before,
.md-typeset .bronze > summary::before {
  background-color: #cd7f32;
  -webkit-mask-image: var(--md-admonition-icon--bronze);
          mask-image: var(--md-admonition-icon--bronze);
}

/* ---- Silver — STG (Staging) layer ----------------------- */
.md-typeset .admonition.silver,
.md-typeset details.silver {
  border-color: #9e9e9e;
}
.md-typeset .silver > .admonition-title,
.md-typeset .silver > summary {
  background-color: rgba(158, 158, 158, .12);
}
.md-typeset .silver > .admonition-title::before,
.md-typeset .silver > summary::before {
  background-color: #9e9e9e;
  -webkit-mask-image: var(--md-admonition-icon--silver);
          mask-image: var(--md-admonition-icon--silver);
}

/* ---- Gold — Curated layer -------------------------------- */
.md-typeset .admonition.gold,
.md-typeset details.gold {
  border-color: #ffc107;
}
.md-typeset .gold > .admonition-title,
.md-typeset .gold > summary {
  background-color: rgba(255, 193, 7, .12);
}
.md-typeset .gold > .admonition-title::before,
.md-typeset .gold > summary::before {
  background-color: #ffc107;
  -webkit-mask-image: var(--md-admonition-icon--gold);
          mask-image: var(--md-admonition-icon--gold);
}