:root {
    --md-primary-fg-color: rgb(212, 82, 84);
}

.md-typeset .admonition.info-custom,
.md-typeset details.info-custom,
.md-typeset .admonition.faq-custom,
.md-typeset details.faq-custom,
.md-typeset .admonition.tip-custom,
.md-typeset details.tip-custom {
    border-color: rgb(212, 82, 84);
}

.md-typeset .info-custom>.admonition-title,
.md-typeset .info-custom>summary,
.md-typeset .faq-custom>.admonition-title,
.md-typeset .faq-custom>summary,
.md-typeset .tip-custom>.admonition-title,
.md-typeset .tip-custom>summary {
    background-color: rgba(212, 82, 84, 0.1);
    border-color: rgb(212, 82, 84);
}

.md-typeset .info-custom>.admonition-title::before,
.md-typeset .info-custom>summary::before {
    background-color: rgb(212, 82, 84);
    -webkit-mask-image: var(--md-admonition-icon--info);
    mask-image: var(--md-admonition-icon--info);
}

.md-typeset .faq-custom>.admonition-title::before,
.md-typeset .faq-custom>summary::before {
    background-color: rgb(212, 82, 84);
    -webkit-mask-image: var(--md-admonition-icon--question);
    mask-image: var(--md-admonition-icon--question);
}

.md-typeset .tip-custom>.admonition-title::before,
.md-typeset .tip-custom>summary::before {
    background-color: rgb(212, 82, 84);
    -webkit-mask-image: var(--md-admonition-icon--tip);
    mask-image: var(--md-admonition-icon--tip);
}