:root {
    --md-primary-fg-color: rgb(186 188 22);
    --md-accent-fg-color: rgb(149 150 18);
    --md-admonition-icon--syntax: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 10h-2V8h2m0 5h-2v-2h2m-3-1h-2V8h2m0 5h-2v-2h2m0 6H8v-2h8m-9-5H5V8h2m0 5H5v-2h2m1 0h2v2H8m0-5h2v2H8m3 1h2v2h-2m0-5h2v2h-2m9-5H4c-1.11 0-2 .89-2 2v10a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2Z"/></svg>');
}

/*
-----------------------------------------------------------------------------------------------------------------------
General
-----------------------------------------------------------------------------------------------------------------------
*/
.md-typeset {
    font-size: 0.75rem;
}

/*
-----------------------------------------------------------------------------------------------------------------------
Headers
-----------------------------------------------------------------------------------------------------------------------
*/
.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    font-weight: bold;
}

.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    margin-top: 2.1em;
}

/* No extra margin on directly following headers */
.md-typeset h1 + h2,
.md-typeset h2 + h3,
.md-typeset h3 + h4,
.md-typeset h4 + h5,
.md-typeset h5 + h6 {
    margin-top: 0;
}

.md-typeset h1 {
    font-size: 1.32rem;
}

.md-typeset h2 {
    font-size: 1.26rem;
}

.md-typeset h3 {
    font-size: 1.14rem;
}

.md-typeset h4 {
    font-size: 1rem;
}

.md-typeset h5 {
    color: revert;
    font-size: 0.9rem;
    text-transform: revert;
}

.md-typeset h6 {
    color: revert;
    font-size: 0.8rem;
    text-decoration: underline;
}

/*
-----------------------------------------------------------------------------------------------------------------------
SLDS Icons
-----------------------------------------------------------------------------------------------------------------------
*/
.slds-icon {
    border-radius: 4px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-flex;
    vertical-align: middle;
    margin-right: 8px;
    fill: white;
}

.slds-icon-flow-cat-interaction {
    background-color: rgb(3, 45, 96);
}
.slds-icon-flow-cat-logic {
    background-color: rgb(221, 122, 1);
}
.slds-icon-flow-cat-data {
    background-color: rgb(255, 83, 138);
}

.slds-icon-screen {
    background-color: rgb(27, 150, 255);
    background-image: url("/assets/images/salesforce/screen.svg");
}
.slds-icon-action {
    background-image: url("/assets/images/salesforce/custom_notification.svg");
}
.slds-icon-flow {
    background-image: url("/assets/images/salesforce/flow.svg");
}
.slds-icon-assignment {
    background-image: url("/assets/images/salesforce/assignment.svg");
}
.slds-icon-decision {
    background-image: url("/assets/images/salesforce/decision.svg");
}
.slds-icon-loop {
    background-image: url("/assets/images/salesforce/loop.svg");
}
.slds-icon-sort {
    background-image: url("/assets/images/salesforce/sort.svg");
}
.slds-icon-filter {
    background-image: url("/assets/images/salesforce/filter.svg");
}
.slds-icon-recent {
    background-image: url("/assets/images/salesforce/recent.svg");
}
.slds-icon-record_create {
    background-image: url("/assets/images/salesforce/record_create.svg");
}
.slds-icon-record_lookup {
    background-image: url("/assets/images/salesforce/record_lookup.svg");
}
.slds-icon-record_update {
    background-image: url("/assets/images/salesforce/record_update.svg");
}
.slds-icon-record_delete {
    background-image: url("/assets/images/salesforce/record_delete.svg");
}

/*
-----------------------------------------------------------------------------------------------------------------------
Tables
-----------------------------------------------------------------------------------------------------------------------
*/
/* Table columns with borders */
.md-typeset table:not([class]) {
    border-collapse: collapse;
}

/* Add borders for columns */
.md-typeset table:not([class]) td,
.md-typeset table:not([class]) th {
    border: 0.05rem solid var(--md-typeset-table-color);
}

.md-typeset thead {
    background-color: #eee;
}
body[data-md-color-scheme="slate"] thead {
    background-color: #444;
}

/*
-----------------------------------------------------------------------------------------------------------------------
Misc
-----------------------------------------------------------------------------------------------------------------------
*/
/* Move caption closer to image */
.md-typeset figcaption {
    margin-top: -25px;
    font-size: 0.6rem;
}

/* Last update timestamp */
.md-source-file {
    text-align: right;
    font-size: 0.7rem;
}

/* Have tinier font in the TOC */
ul[data-md-component="toc"] li.md-nav__item li.md-nav__item li.md-nav__item {
    font-size: 0.9em;
}