:root{
    --md-text-font:"Comic Sans MS";
    --md-code-font:"Roboto Mono";
    --md-admonition-icon--sebblock: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 10c0 1.38-2.12 2.5-3.5 2.5s-2.75-1.12-2.75-2.5h-1.5c0 1.38-1.37 2.5-2.75 2.5S5 11.38 5 10h-.75c-.16.64-.25 1.31-.25 2a8 8 0 0 0 8 8 8 8 0 0 0 8-8c0-.69-.09-1.36-.25-2H19m-7-6C9.04 4 6.45 5.61 5.07 8h13.86C17.55 5.61 14.96 4 12 4m10 8a10 10 0 0 1-10 10A10 10 0 0 1 2 12 10 10 0 0 1 12 2a10 10 0 0 1 10 10m-10 5.23c-1.75 0-3.29-.73-4.19-1.81L9.23 14c.45.72 1.52 1.23 2.77 1.23s2.32-.51 2.77-1.23l1.42 1.42c-.9 1.08-2.44 1.81-4.19 1.81Z"/></svg>')
}

@font-face {
    font-family: "Comic Sans MS";
    src: url("csbold.ttf") format("truetype");
}

/* Light mode */
[data-md-color-scheme="default"] {
    --md-default-bg-color:        #fffcdb;
    --md-primary-fg-color:        #570006;
    --md-primary-fg-color--light: #ba000c;
    --md-primary-fg-color--dark:  #000000; 
    --md-accent-fg-color:                #007516;
    --md-accent-fg-color--transparent:   #007516;
    --md-accent-bg-color:                #007516;
    --md-accent-bg-color--light:         #007516;
    
    .md-typeset .admonition.sebblock,
    .md-typeset details.sebblock {
        border-color: #e7527b;
    }

    .md-typeset .admonition.sebblock:focus-within,
    .md-typeset details.sebblock:focus-within {
        box-shadow:0 0 0 .2rem #e7527b20;
    }

    .md-typeset .sebblock > .admonition-title,
    .md-typeset .sebblock > summary {
        background-color: #e7527b20;

    }

    .md-typeset .sebblock > .admonition-title::before,
    .md-typeset .sebblock > summary::before {
        background-color:   #e7527b;
        -webkit-mask-image: var(--md-admonition-icon--sebblock);
                mask-image: var(--md-admonition-icon--sebblock);
    }
    
}

/* Dark mode */
[data-md-color-scheme="slate"] {
    --md-default-bg-color:        #000000;
    --md-typeset-a-color:         #ba000c;
    --md-primary-fg-color:        #570006;
    --md-primary-fg-color--light: #ba000c;
    --md-primary-fg-color--dark:  #000000;  
    --md-accent-fg-color:                #a3ffb4;
    --md-accent-fg-color--transparent:   #a3ffb4;
    --md-accent-bg-color:                #a3ffb4;
    --md-accent-bg-color--light:         #a3ffb4;
        
        
    .md-typeset .admonition.sebblock,
    .md-typeset details.sebblock {
        border-color: #ffb5ce;
    }

    .md-typeset .admonition.sebblock:focus-within,
    .md-typeset details.sebblock:focus-within {
        box-shadow:0 0 0 .2rem #ffb5ce20;
    }

    .md-typeset .sebblock > .admonition-title,
    .md-typeset .sebblock > summary {
        background-color: #ffb5ce20;

    }

    .md-typeset .sebblock > .admonition-title::before,
    .md-typeset .sebblock > summary::before {
        background-color:   #ffb5ce;
        -webkit-mask-image: var(--md-admonition-icon--sebblock);
                mask-image: var(--md-admonition-icon--sebblock);
    }
    
}