/* ACCENT */
[data-md-color-accent="3dvl"] {
    --md-accent-fg-color: #5e8bde;
    --md-accent-fg-color--transparent: #b0eb001a;
    --md-accent-bg-color: #181a1b;
    --md-accent-bg-color--light: #0000008a;
}

/* NAVBAR */
/* LIGHT MODE */
[data-md-color-scheme="default"] {
    --md-primary-fg-color: #181a1b;
    --md-typeset-a-color: #4fd8b3;
    --md-accent-fg-color: #5e8bde;
}

[data-md-color-scheme="default"][data-md-color-scheme="default"] .headerlink {
    color: #4fd8b3;
}

/* DARK MODE */
[data-md-color-scheme="slate"][data-md-color-scheme="slate"] {
    --md-typeset-a-color: #4fd8b3;
}

[data-md-color-scheme="slate"][data-md-color-scheme="slate"] .headerlink {
    color: #4fd8b3;
}

/* TABLES */
.md-typeset__table {
    min-width: 100%;
    border-color: black;
}

.md-typeset table:not([class]) {
    display: table;
    text-align: center;
}

table {
    border: none;
    border-collapse: collapse;
}

table td {
    border-left: 1px solid var(--md-typeset-table-color);
    border-right: 1px solid var(--md-typeset-table-color);
}

table td:first-child {
    border-left: none;
}

table td:last-child {
    border-right: none;
}

/* CENTER ALL IMAGES */
img {
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.md-typeset h1,
.md-typeset h2,
.md-typeset h3,
.md-typeset h4,
.md-typeset h5,
.md-typeset h6 {
    color: #4fd8b3cb;
    font-weight: bolder;
}

.md-typeset code {
    color: #ddbca0;
}


.mermaid {
    display: flex;
    justify-content: center;
    align-items: center;
}