:root {
    --md-primary-fg-color: rgb(242, 183, 5);
}

.md-typeset .admonition.faq-custom,
.md-typeset details.faq-custom,
.md-typeset .admonition.tip-custom,
.md-typeset details.tip-custom {
    border-color: rgb(242, 183, 5);
}

.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(242, 183, 5, 0.1);
    border-color: rgb(242, 183, 5);
}

.md-typeset .faq-custom>.admonition-title::before,
.md-typeset .faq-custom>summary::before {
    background-color: rgb(242, 183, 5);
    -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(242, 183, 5);
    -webkit-mask-image: var(--md-admonition-icon--tip);
    mask-image: var(--md-admonition-icon--tip);
}
