/* Theme Configuration Options */

:root 
{
    /* General */

    --base-font-size: 16px;
    --smalldevice-base-font-size: 16px; /* Base font size for devices < 1024px */
    
    --main-bg-color: #ffffff;
    --footer-bg-color: #ffffff;
    --separator-color: #42474f;

    --table-strip-bg-color: #1A2930;
    --table-header-bg-color: #B4C7CC;
    --table-header-color: #1A2930;
    --table-header-border-color: #040405;

    /* Text */

    --appname-color: white;

    --h1-color: #1A2930;
    --h2-color: #1A2930;
    --h3-color: #1A2930;
    --h4-color: #1A2930;
    --h5-color: #1A2930;

    --text-color: #1A2930;
    --link-color: #1A2930;
    --link-hover-color: #E81863;
    --link-active-color: #E81863;
    
    /* Mobile Topbar */

    --topbar-bg-color: #ffffff;
    
    /* Button */

    --button-color: #ffc021;

    /* Sidebar */

    --sidebar-width: 400px;
    --sidebar-bg-color: #ffffff;

    --search-color: #1A2930;
    --search-bg-color: #ffffff;
    --search-searchicon-color: #1A2930;
    --search-border-color: #ffc021;

    --sidebar-item-color: #1A2930;
    --sidebar-active-item-color: #E81863;
    --sidebar-level1-item-bg-color: #ffffff;
    --sidebar-level1-item-hover-bg-color: #ffffff;

    --toc-filter-color: #1A2930;
    --toc-filter-bg-color: #ffffff;
    --toc-filter-filtericon-color: #1A2930;
    --toc-filter-clearicon-color: #1A2930;
    --toc-filter-border-color: #ffc021;

    /* Scrollbars */

    --scrollbar-bg-color: transparent;
    --scrollbar-thumb-bg-color: #e8e8e8;
    --scrollbar-thumb-border-color: transparent;

    /* Alerts and Blocks */

    --alert-info-border-color: #ffc021;
    --alert-info-bg-color: #F9EEC2;

    --alert-warning-border-color: Orange;
    --alert-warning-bg-color:  #E09D17;

    --alert-danger-border-color: red;
    --alert-danger-bg-color: #fab8b8;

    --alert-tip-border-color: #16938D;
    --alert-tip-bg-color:#A4DDD3;

    --blockquote-border-color: #1A2930;
    --blockquote-bg-color: rgba(255,255,255,.1);

    --breadcrumb-bg-color: #ffffff;

    /* Tabs */

    --nav-tabs-border-width: 1px;
    --nav-tabs-border-color: #495057;
    --nav-tabs-border-radius: .375rem;
    --nav-tabs-link-hover-border-color: #303336 #303336 transparent;
    --nav-tabs-link-active-color: #E81863;
    --nav-tabs-link-active-bg: #ffc021;
    --nav-tabs-link-active-border-color: var(--nav-tabs-border-color) var(--nav-tabs-border-color) var(--main-bg-color);

    /* Inline Code */

    --ref-bg-color: transparent;
    --ref-color: #1A2930;

    /* Code Blocks */

    --code-bg-color: #151515;
    --code-color: #1A2930;
    --code-keyword-color: #569cd6;
    --code-comment-color: #57a64a;
    --code-macro-color: #beb7ff;
    --code-string-color: #d69d85;
    --code-string-escape-color: #ffd68f;
    --code-field-color: #c8c8c8;
    --code-function-color: #dcdcaa;
    --code-control-color: #d8a0df;
    --code-class-color: #4ec9b0;
    --code-number-color: #b5cea8;
    --code-params-color: #9a9a9a;
    --code-breakpoint-color: #8c2f2f;
}

/* Code Block Overrides */

pre, legend {
    --scrollbar-thumb-bg-color: #333;
}