:root {

    /* Colors */
    --vermillion: #E6483D;
    --amber: #F5BB00;
    --mono-tint2: #555;
    --grey2: #444;

    --base-font-size: 16px;
    --base-font-family: "Poppins", sans-serif;

    --theme-color: var(--vermillion);

    --base-background-color: #262626;
    --base-color: #fafafa; 

    --selection-color: var(--amber);

    --sidebar-background: #111111;
    --sidebar-border-color: #555555;

    --sidebar-toggle-background: var(--sidebar-border-color);

    --link-color: var(--theme-color);
    --link-color--hover: var(--amber);

    --search-input-background-color: var(--base-background-color);
    --search-input-border-color: var(--mono-tint2);

    --kbd-background: var(--mono-tint2);

    --blockquote-background: var(--grey2);

    --notice-important-background: var(--grey2);
    --notice-important-border-color: var(--vermillion);
    --notice-tip-background: var(--grey2);
    --notice-tip-border-color: var(--amber);

    --code-inline-background: var(--grey2);
    --code-theme-background: var(--grey2);

    --copycode-background: var(--mono-tint2);

    /* TOC Styles*/
    .page_toc {
        margin-top: 6em;
        border-left-width: 2px;
        border-left-color: var(--grey2);
    }

    .page_toc ul a {
        color:#fafafa;
    }

    .page_toc ul a:hover span {
        color: var(--vermillion);
    }

}