/* --- Light mode (default scheme) ----------------------------------------- */
:root > * {
    /* Primary color — header, sidebar, text links (in classic variant) */
    --md-primary-fg-color: #286071;
    --md-primary-fg-color--light: #286071;
    --md-primary-fg-color--dark: #286071;

    /* Accent color — hovered links, buttons, scrollbars */
    /* --md-accent-fg-color:         #526cfe; */
    /* --md-accent-bg-color:         #526cfe; */
    /* --md-accent-bg-color--light:  #526cfe1a; */

    /* Default foreground (text) colors */
    /* --md-default-fg-color:          rgba(0, 0, 0, 0.87);  */
    /* --md-default-fg-color--light:   rgba(0, 0, 0, 0.54);  */
    /* --md-default-fg-color--lighter: rgba(0, 0, 0, 0.32);  */
    /* --md-default-fg-color--lightest:rgba(0, 0, 0, 0.07);  */

    /* Default background colors */
    /* --md-default-bg-color: #ffffff; */
    /* --md-default-bg-color--light: #ffffff; */
    --md-default-bg-color--lighter: #ffffff;
    --md-default-bg-color--lightest: #ffffff;

    /* Typography colors */
    /* --md-typeset-color:            rgba(0, 0, 0, 0.87); */
    /* --md-typeset-a-color:          var(--md-accent-fg-color); */

    /* Code block colors */
    /* --md-code-fg-color:            #36464e; */
    --md-code-bg-color: #f4ecd6;
    /* --md-code-bg-color--light:     #f5f5f5b3; */
    /* --md-code-bg-color--lighter:   #f5f5f54d; */

    /* Code syntax highlighting */
    /* --md-code-hl-color:            #4287ff; */
    /* --md-code-hl-color--light:     #4287ff1a; */
    /* --md-code-hl-number-color:     #d52a2a; */
    /* --md-code-hl-special-color:    #db1457; */
    /* --md-code-hl-function-color:   #a846b8; */
    /* --md-code-hl-constant-color:   #6e59d9; */
    /* --md-code-hl-keyword-color:    #3f6ec6; */
    /* --md-code-hl-string-color:     #1c7d4e; */
    /* --md-code-hl-name-color:       var(--md-code-fg-color); */
    /* --md-code-hl-operator-color:   var(--md-default-fg-color--light); */
    /* --md-code-hl-punctuation-color:var(--md-default-fg-color--light); */
    /* --md-code-hl-comment-color:    var(--md-default-fg-color--light); */
    /* --md-code-hl-generic-color:    var(--md-default-fg-color--light); */
    /* --md-code-hl-variable-color:   var(--md-default-fg-color--light); */

    /* Admonition (callout box) colors */
    /* --md-admonition-fg-color: var(--md-default-fg-color); */
    /* --md-admonition-bg-color: var(--md-default-bg-color); */

    /* Warning banner */
    /* --md-warning-fg-color:         #000000; */
    /* --md-warning-bg-color:         #ff9100; */

    /* Table colors */
    /* --md-typeset-table-color:      rgba(0, 0, 0, 0.12); */
    /* --md-typeset-table-color--light: rgba(0, 0, 0, 0.035); */

    /* Inline markup colors */
    /* --md-typeset-mark-color:       #ffff0080; */
    /* --md-typeset-del-color:        #f5503d26; */
    /* --md-typeset-ins-color:        #0bd57026; */
    /* --md-typeset-kbd-color:        #fafafa; */
    /* --md-typeset-kbd-accent-color: #ffffff; */
    /* --md-typeset-kbd-border-color: #b8b8b8; */

    /* Fonts — override with any Google Font name */
    /* --md-text-font: "Roboto"; */
    /* --md-code-font: "Roboto Mono"; */
}

/* --- Dark mode (slate scheme) -------------------------------------------- */
/* Uncomment to customize dark mode separately.                              */
[data-md-color-scheme="slate"] {
    --md-default-fg-color: #f4ecd6;
    --md-default-bg-color: #0b1722;
    --md-code-bg-color: #272727;
    --md-typeset-a-color: #afacaf;
}