:root {
    --md-primary-fg-color: hsl(68, 90%, 37%);
    --md-primary-fg-color--light: hsl(68, 90%, 42%);
    --md-primary-fg-color--dark: #577e2e;
    --md-primary-bg-color: #fff;
    --md-primary-bg-color--light: #ffffffb3;
}
[data-md-color-scheme="default"] {
    --md-accent-fg-color:  hsl(68, 90%, 42%);
    --md-accent-fg-color--transparent:  hsl(68, 90%, 42%, 26%);
    --md-accent-bg-color: #fff;
    --md-accent-bg-color--light: #ffffffb3;
    --md-mermaid-node-bg-color: hsl(217, 91%, 91%);
    --md-mermaid-node-fg-color: hsl(217, 91%, 91%);
    --md-mermaid-label-fg-color: var(--md-code-fg-color);
}

[data-md-color-scheme="slate"] {
    --md-accent-fg-color: hsl(68, 90%, 60%);
    --md-accent-fg-color--transparent: hsl(68, 90%, 42%, 60%);
    /*--md-accent-bg-color: #fff;
    --md-accent-bg-color--light: #ffffffb3;*/
    --md-typeset-a-color: var(--md-primary-fg-color--light);
    --md-mermaid-node-bg-color: hsl(217, 91%, 60%);
    --md-mermaid-node-fg-color: hsl(217, 91%, 60%);
    --md-mermaid-label-fg-color: var(--md-code-fg-color);
}
[data-md-color-scheme="slate"] .md-nav__link--active * {
    font-weight: 600;
}

.md-grid {
    max-width: clamp(10rem, 100%, 85rem); /* or 100%, if you want to stretch to full-width */
}

.table-desc tr * {
    padding-top: .3em !important;
    padding-bottom: .3em !important;
}
.table-desc tr th,
.table-desc tr td {
    border-right: 1px solid #e0e0e0;
}

.table-desc tr th:last-child,
.table-desc tr td:last-child
{
    border-right: none;
}
--md-mermaid-node-bg-color: var(--md-accent-fg-color--transparent);
--md-mermaid-node-fg-color: var(--md-accent-fg-color);