@font-face {
    font-family: "VictorMono";
    src: url("./VictorMono-Regular.ttf");
}

@font-face {
    font-family: "ABBVoice";
    src: url("./ABBvoice_Rg.ttf");
}

[data-md-color-scheme="abb"] {
    --md-text-font: "ABBVoice";
    --md-code-font: "VictorMono";

    /* Primary color shades*/
    --md-primary-fg-color: #0F0F0F;
    --md-primary-bg-color: #DBDBDB;

    /*Accent color shades*/
    --md-accent-fg-color: #CC0815;
    --md-accent-bg-color: #FFE8EA;

    /*Default color shades*/
    --md-default-bg-color: #FAFAFA;
    --md-default-fg-color: #1F1F1F;
    --md-default-fg-color--light: #464646;
    --md-default-fg-color--lighter: #CC0815;

    /*Typeset color*/
    --md-typeset-a-color: #005CA3;
    --md-typeset-color: #1F1F1F;

}


[data-md-color-scheme="abb-dark"] {
    --md-text-font: "ABBVoice";
    --md-code-font: "Victor Mono";
    /* Primary color shades*/
    --md-primary-fg-color: #0F0F0F;
    --md-primary-bg-color: #DBDBDB;

    /*Accent color shades*/
    --md-accent-fg-color: #CC0815;
    --md-accent-bg-color: #FFE8EA;

    /*Default color shades*/
    --md-default-bg-color: #333333;
    --md-default-fg-color: #BABABA;
    --md-default-fg-color--light: #EBEBEB;
    --md-default-fg-color--lighter: #CC0815;

    --md-typeset-a-color: #2FC8F7;
    --md-typeset-color: #DBDBDB;
    --md-typeset-table-color: #BABABA;
    --md-admonition-fg-color: #DBDBDB;
    --md-admonition-bg-color: #00284A;

    --md-code-bg-color: #1e1e1e;
    --md-code-fg-color: #d6d6d6;
    --md-code-hl-color: #d6d6d6;
    --md-code-hl-name-color: #d6d6d6;
    --md-code-hl-comment-color: #464646;
    --md-code-hl-operator-color: var(--md-code-hl-name-color);
    --md-code-hl-punctuation-color: var(--md-code-hl-name-color);
    --md-code-hl-generic-color: var(--md-code-hl-name-color);
    --md-code-hl-variable-color: var(--md-code-hl-name-color);

}

h1::before {
    content: "";
    width: 50px;
    height: 6px;
    display: block;
    position: relative;
    margin: 8px auto 8px 0;
    background-color: var(--md-accent-fg-color);
}