:root {
    /* # Typography */
    /* Looking for fonts? They're set in webfonts.html! */
    --mcl-text-color: hwb(0 0% 100%);
    --mcl-text-color-alt: hwb(0 0% 100% / 0.85);
    --mcl-text-color-inverse: hwb(0 100% 0%);
    --mcl-text-color-inverse-alt: hwb(0 75% 25%);

    --mcl-link-color: hwb(220 5% 35%);
    --mcl-link-visited-color: hwb(250 5% 40%);

    --mcl-heading-border: 1px solid hwb(210 64% 31%);
    --mcl-heading-border-color: hwb(210 64% 31%);

    --mcl-heading-link-color: hwb(0 0% 100% / 0.5);
    --mcl-heading-link-active-color: hwb(0 0% 100%);

    /* # Web Page Backgrounds */
    /* Match those against your bg-header.png */
    --mcl-header-trispective-top: #296820; /*< Triangles on right top side of nav buttons and searchbar */
    --mcl-header-trispective-bottom: #5A3C25; /*< Triangle on right top side of document */
    --mcl-header-bg: url("imagery/bg-header.png");

    --mcl-body-bg: url("imagery/bg-body.png");
    --mcl-body-bg-fallback: #303030;
    --mcl-bg-sizes: 234px, 468px;

    --mcl-mobile-top-nav-btn-filter: none;
    --mcl-mobile-nav-bg: hwb(0 0% 100% / .7);

    /* # Document Colors */
    --mcl-document-bg: hwb(200 90% 4.3%);
    --mcl-document-top-bg: hwb(200 71% 24%);
    --mcl-document-side-shadow: hwb(0 0% 100% / 0.26);

    /* # Top Navigation */
    --mcl-top-nav-bg: var(--mcl-document-top-bg);
    --mcl-top-nav-trispective-right: var(--mcl-header-trispective-bottom);
    --mcl-top-nav-btn-bg: var(--mcl-document-top-bg);
    --mcl-top-nav-btn-active-bg: var(--mcl-document-bg);
    --mcl-top-nav-btn-bg-sprite: url("imagery/bg-tab.png");
    --mcl-top-nav-btn-trispective-right: var(--mcl-header-trispective-top);
    --mcl-top-nav-btn-trispective-left: var(--mcl-document-top-bg);
    --mcl-top-nav-btn-trispective-left-alt: #432611;

    /* # Searchbar */
    --mcl-search-bar-color: hwb(0 0% 100%);
    --mcl-search-bar-placeholder-color: var(--mcl-text-color-alt);
    --mcl-search-bar-top-bg: hwb(0 100% 0%);
    --mcl-search-bar-side-bg: hwb(0 53% 47%);
    --mcl-search-bar-bg-fallback: hwb(0 81% 18%);
    --mcl-search-bar-bg-gradient: linear-gradient(hwb(0 76% 24%), hwb(0 86% 14%));
    --mcl-search-bar-bg-bleacher: hwb(0 100% 0% / 0.5);
    --mcl-search-bar-trispective-left: var(--mcl-document-top-bg);
    --mcl-search-bar-trispective-right: var(--mcl-header-trispective-top);

    /* # TOCs */
    --mcl-toc-btn-bg: url("imagery/deepslate_isolated_light.png");
    --mcl-toc-btn-filter: none;
    --mcl-toc-header-color: var(--mcl-text-color-inverse);
    --mcl-toc-btn-border-bg: url("imagery/deepslate_polished_light.png");
    --mcl-toc-btn-border-widths: 12px 12px 12px 12px;
    --mcl-toc-btn-border-slices: 48 48 48 48;

    --mcl-toc-btn-active-bg: url("imagery/deepslate_isolated.png");
    --mcl-toc-btn-active-color: var(--mcl-text-color);
    --mcl-toc-btn-active-border-bg: url("imagery/deepslate_polished.png");

    --mcl-toc-body-bg: url("imagery/deepslate_isolated_dark.png");
    --mcl-toc-body-border-bg: url("imagery/deepslate_polished_dark.png");
    --mcl-toc-body-border-widths: 0px 4px 4px 4px;
    --mcl-toc-body-border-slices: 16 16 16 16;

    --mcl-toc-text-color: var(--mcl-text-color-inverse-alt);
    --mcl-toc-text-active-color: var(--mcl-toc-header-color);

    --mcl-toc-local-heading: "Contents of ";

    /* Footer */
    --mcl-footer-border-widths: 4px 4px 4px 4px;

    /* # Blocks */
    --mcl-block-bg: hwb(200 96% 2%);
    --mcl-block-border: 2px solid var(--mcl-block-border-color);
    --mcl-block-border-color: hwb(0 55% 45%);

    /* ## Breadcrumbs */
    --mcl-breadcrumbs-bg: var(--mcl-block-bg);
    --mcl-breadcrumbs-color: var(--mcl-text-color);
    --mcl-breadcrumbs-border: var(--mcl-block-border);

    /* ## Tables */
    --mcl-table-bg: var(--mcl-block-bg);
    --mcl-table-th-bg: hwb(220 92% 6%);
    --mcl-table-border: 1px solid var(--mcl-table-border-color);
    --mcl-table-border-color: var(--mcl-heading-border-color);

    /* ## Figures */
    --mcl-figure-bg: var(--mcl-block-bg);
    --mcl-figure-border: 1px solid var(--mcl-figure-border-color);
    --mcl-figure-border-color: var(--mcl-block-border-color);

    /* ## Key and GUI labels */
    --mcl-kbd-bg: var(--mcl-block-bg);
    --mcl-kbd-bg-gradient: linear-gradient(to top, hwb(0 88% 12%), hwb(0 93% 7%));
    --mcl-kbd-border: var(--mcl-block-border);
    --mcl-kbd-border-color: var(--mcl-block-border-color);

    /* ## Bottom nav */
    --mcl-btm-nav-border: 1px inset hwb(0 83% 17%);

    /* ## Attribution */
    --mcl-attribution-bg: var(--mcl-block-bg);
    --mcl-attribution-border: 2px solid var(--mcl-attribution-border-color);
    --mcl-attribution-pfp-border: 1px solid var(--mcl-attribution-border-color);
    --mcl-attribution-border-color: var(--mcl-block-border-color);

    /* ## Code blocks */
    /* Match those against Pygments config you picked! */
    --mcl-code-bg: #EED;
    --mcl-code-border: 2px solid var(--mcl-code-border-color);
    --mcl-code-border-color: #ACA68D;
    --mcl-code-block-border-outer: var(--mcl-block-border);
    --mcl-code-block-border-outer-color: var(--mcl-block-border-color);
    --mcl-code-block-border-inner: inset -2px -2px hwb(0 0% 100% / 0.15),
                               inset 2px 2px hwb(0 100% 0% / 0.15);

    --mcl-code-header-bg: var(--mcl-block-bg);
    --mcl-code-header-title: "Code: ";

    --mcl-code-color-inline: #464607; /*< Color for code not in block (inline role) */
    --mcl-code-color-keyword: #080;
    --mcl-code-color-pre-name: #038;
    --mcl-code-color-name: #06B;

    /* ## Jupyter Extension */
    --mcl-jupyter-cell-bg: var(--mcl-block-bg);
    --mcl-jupyter-cell-border: var(--mcl-code-border);
    --mcl-jupyter-cell-bottom-border: none;
    --mcl-jupyter-cell-code-bg: var(--mcl-code-bg);
    --mcl-jupyter-cell-output-bg: hwb(60 86.7% 6.7% / .5);
    --mcl-jupyter-cell-output-stderr-bg: var(--mcl-admonition-error-bg);
    --mcl-jupyter-cell-output-stderr-color: var(--mcl-admonition-error-border-color);
    --jp-content-font-color1: var(--mcl-text-color) !important;

    /* # nbsphinx Extension */
    --mcl-nb-prompt-input-color: #307FC1;
    --mcl-nb-prompt-output-color: #BF5B3D;
    --mcl-nb-cell-border: var(--mcl-jupyter-cell-border);
    --mcl-nb-cell-output-stderr-bg: var(--mcl-jupyter-cell-output-stderr-bg);
    --mcl-nb-cell-output-stderr-color: var(--mcl-jupyter-cell-output-stderr-color);

    /* ## Sidebars */
    --mcl-sidebar-bg: var(--mcl-block-bg);
    --mcl-sidebar-border: var(--mcl-block-border);
    --mcl-sidebar-border-color: var(--mcl-block-border-color);

    /* # Quartz Button */
    --mcl-chiseled-btn-bg: url("imagery/quartz_isolated.png");
    --mcl-chiseled-btn-side-bg: var(--mcl-chiseled-btn-bg);
    --mcl-chiseled-btn-color: var(--mcl-text-color);
    --mcl-chiseled-btn-filter: none;
    --mcl-chiseled-btn-border-bg: url("imagery/quartz.png");
    --mcl-chiseled-btn-border-widths: 8px 4px 4px 4px;
    --mcl-chiseled-btn-border-slices: 32 16 16 16;

    /* # Timeline */
    --mcl-timeline-line-color: hwb(0 73% 27%);
    --mcl-timeline-square-bg: #3A971E;
    --mcl-timeline-square-border: 2px solid var(--mcl-timeline-square-border-color);
    --mcl-timeline-square-border-color: hwb(210 13% 87%);

    /* # Admonition */
    /* ## Admonition Colors */
    --mcl-admonition-default-bg: #DCE7FC;
    --mcl-admonition-default-border-color: #276BE9;
    --mcl-admonition-text-color: var(--mcl-text-color);

    --mcl-admonition-hint-bg: #D6ECE1;
    --mcl-admonition-hint-border-color: #00843F;
    --mcl-admonition-seealso-bg: var(--mcl-admonition-hint-bg);
    --mcl-admonition-seealso-border-color: var(--mcl-admonition-hint-border-color);
    --mcl-admonition-tip-bg: var(--mcl-admonition-hint-bg);
    --mcl-admonition-tip-border-color: var(--mcl-admonition-hint-border-color);
    --mcl-admonition-ver-add-bg: var(--mcl-admonition-hint-bg);
    --mcl-admonition-ver-add-border-color: var(--mcl-admonition-hint-border-color);

    --mcl-admonition-warning-bg: #F8E3D0;
    --mcl-admonition-warning-border-color: #F66A0A;
    --mcl-admonition-caution-bg: var(--mcl-admonition-warning-bg);
    --mcl-admonition-caution-border-color: var(--mcl-admonition-warning-border-color);
    --mcl-admonition-attention-bg: var(--mcl-admonition-warning-bg);
    --mcl-admonition-attention-border-color: var(--mcl-admonition-warning-border-color);
    --mcl-admonition-important-bg: var(--mcl-admonition-warning-bg);
    --mcl-admonition-important-border-color: var(--mcl-admonition-warning-border-color);
    --mcl-admonition-deprecated-bg: var(--mcl-admonition-warning-bg);
    --mcl-admonition-deprecated-border-color: var(--mcl-admonition-warning-border-color);

    --mcl-admonition-danger-bg: #F9E1E4;
    --mcl-admonition-danger-border-color: #D72D47;
    --mcl-admonition-error-bg: var(--mcl-admonition-danger-bg);
    --mcl-admonition-error-border-color: var(--mcl-admonition-danger-border-color);
    --mcl-admonition-ver-rem-bg: var(--mcl-admonition-danger-bg);
    --mcl-admonition-ver-rem-border-color: var(--mcl-admonition-danger-border-color);

    --mcl-admonition-topic-bg: var(--mcl-block-bg);
    --mcl-admonition-topic-border-color: var(--mcl-block-border-color);
    --mcl-admonition-blockquote-bg: var(--mcl-block-bg);
    --mcl-admonition-blockquote-border-color: var(--mcl-block-border-color);
    --mcl-admonition-highlights-bg: hsl(310, 75%, 92%);
    --mcl-admonition-highlights-border-color: hsl(310, 75%, 85%);

    /* ## Admonition Soups */
    --mcl-admonition-soup-blend: overlay;
    --mcl-admonition-soup-filter: none;
    --mcl-admonition-soup-source: url("imagery/admonition-soup.avif");
    --mcl-admonition-soup-opacity: 1;

    --mcl-admonition-tip-soup-offsets: -192px 0;
    --mcl-admonition-hint-soup-offsets: var(--mcl-admonition-tip-soup-offsets);
    --mcl-admonition-seealso-soup-offsets: -96px 0;
    --mcl-admonition-ver-add-soup-offsets: 0 0;
    --mcl-admonition-warning-soup-offsets: -288px -96px;
    --mcl-admonition-caution-soup-offsets: var(--mcl-admonition-warning-soup-offsets);
    --mcl-admonition-attention-soup-offsets: var(--mcl-admonition-warning-soup-offsets);
    --mcl-admonition-important-soup-offsets: var(--mcl-admonition-warning-soup-offsets);
    --mcl-admonition-deprecated-soup-offsets: -288px 0;
    --mcl-admonition-danger-soup-offsets: -96px -192px;
    --mcl-admonition-error-soup-offsets: -96px -96px;
    --mcl-admonition-ver-rem-soup-offsets: var(--mcl-admonition-deprecated-soup-offsets);
    --mcl-admonition-note-soup-offsets: 0 -192px;
    --mcl-admonition-topic-soup-offsets: 0 -96px;
    --mcl-admonition-blockquote-soup-offsets: -192px -96px;
    --mcl-admonition-highlights-soup-offsets: -192px -192px;

    /* # Sphinx Design */
    /* ## Cards */
    --mcl-sd-card-bg: var(--mcl-block-bg);
    --mcl-sd-card-border: var(--mcl-block-border);
    --mcl-sd-card-border-color: var(--mcl-block-border-color);
    --mcl-sd-card-text-color: var(--mcl-text-color);

    --mcl-sd-card-alt-border: 1px solid var(--mcl-sd-card-alt-border-color);
    --mcl-sd-card-alt-border-color: #338627;

    --mcl-sd-card-header-text-shadow: #1F5817;
    --mcl-sd-card-header-text-color: var(--mcl-text-color-inverse);
    --mcl-sd-card-header-bg: var(--mcl-sd-card-alt-border-color);
    --mcl-sd-card-header-border-color: #307827;
    --mcl-sd-card-header-border-color-top: #55B848;
    --mcl-sd-card-header-border-color-bottom: var(--mcl-sd-card-header-text-shadow);

    --mcl-infobox-header-bg: #A1C3A0;
    --mcl-infobox-header-text-color: var(--mcl-text-color);

    --mcl-sd-card-footer-text-color: var(--mcl-text-color);
    --mcl-sd-card-footer-bg: hwb(0 0% 100% / 0.07);

    /* # Game UI */
    /* ## Inventory Slot */
    --mcl-invslot-bg: hwb(0 62% 38%);
    --mcl-invslot-left-border-color: hwb(0 0% 100% / 0.55);
    --mcl-invslot-right-border-color: hwb(0 100% 0%);
    --mcl-invslot-annotation-color: var(--mcl-text-color-inverse);
    --mcl-invslot-annotation-shadow: hwb(0 25% 75%);

    --mcl-invslot-tooltip-bg: hwb(300 0% 93% / 0.82);
    --mcl-invslot-tooltip-outer-border: 2px solid hwb(300 0% 93%);
    --mcl-invslot-tooltip-left-border-color: #2A0860;
    --mcl-invslot-tooltip-right-border-color: #1E083A;

    /* ## Crafting Table */
    --mcl-crafting-bg: hwb(0 82% 18%);
    --mcl-crafting-left-border-color: hwb(0 40% 60%);
    --mcl-crafting-right-border-color: hwb(0 100% 0);
    --mcl-crafting-table-arrow-sprite: url("imagery/crafting_formspec_arrow.png");
}