/* basic theme */
@import url('https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,300;0,400;0,500;1,300;1,400;1,500&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

.light-mode {
    --scalar-background-1: #fff;
    --scalar-background-2: #f6f6f6;
    --scalar-background-3: #e7e7e7;
    --scalar-background-accent: #8ab4f81f;

    --scalar-color-1: #2a2f45;
    --scalar-color-2: #757575;
    --scalar-color-3: #8e8e8e;

    --scalar-color-accent: #0099ff;
    --scalar-border-color: #dfdfdf;
}

.dark-mode {
    --scalar-background-1: #0f0f0f;
    --scalar-background-2: #1a1a1a;
    --scalar-background-3: #272727;

    --scalar-color-1: #e7e7e7;
    --scalar-color-2: #a4a4a4;
    --scalar-color-3: #797979;

    --scalar-color-accent: #3ea6ff;
    --scalar-background-accent: #3ea6ff1f;

    --scalar-border-color: #2d2d2d;
}

/* Document Sidebar */
.light-mode .t-doc__sidebar,
.dark-mode .t-doc__sidebar {
    --scalar-sidebar-background-1: var(--scalar-background-1);
    --scalar-sidebar-color-1: var(--scalar-color-1);
    --scalar-sidebar-color-2: var(--scalar-color-2);
    --scalar-sidebar-border-color: var(--scalar-border-color);

    --scalar-sidebar-item-hover-background: var(--scalar-background-2);
    --scalar-sidebar-item-hover-color: currentColor;

    --scalar-sidebar-item-active-background: var(--scalar-background-2);
    --scalar-sidebar-color-active: var(--scalar-color-1);

    --scalar-sidebar-indent-border: var(--scalar-sidebar-border-color);
    --scalar-sidebar-indent-border-hover: var(--scalar-sidebar-border-color);
    --scalar-sidebar-indent-border-active: var(--scalar-sidebar-border-color);

    --scalar-sidebar-search-background: transparent;
    --scalar-sidebar-search-color: var(--scalar-color-3);
    --scalar-sidebar-search-border-color: var(--scalar-border-color);
}

/* advanced */
.light-mode {
    --scalar-color-green: #069061;
    --scalar-color-red: #ef0006;
    --scalar-color-yellow: #edbe20;
    --scalar-color-blue: #0082d0;
    --scalar-color-orange: #fb892c;
    --scalar-color-purple: #5203d1;

    --scalar-button-1: rgba(0, 0, 0, 1);
    --scalar-button-1-hover: rgba(0, 0, 0, 0.8);
    --scalar-button-1-color: rgba(255, 255, 255, 0.9);

    --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-color-1) 20%);

    --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
    --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}

.dark-mode {
    --scalar-color-green: #00b648;
    --scalar-color-red: #dc1b19;
    --scalar-color-yellow: #ffc90d;
    --scalar-color-blue: #4eb3ec;
    --scalar-color-orange: #ff8d4d;
    --scalar-color-purple: #b191f9;

    --scalar-button-1: rgba(255, 255, 255, 1);
    --scalar-button-1-hover: rgba(255, 255, 255, 0.9);
    --scalar-button-1-color: black;

    --scalar-color-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 20%);

    --scalar-background-alert: color-mix(in srgb, var(--scalar-color-orange), var(--scalar-background-1) 95%);
    --scalar-background-danger: color-mix(in srgb, var(--scalar-color-red), var(--scalar-background-1) 95%);
}

@supports (color: color(display-p3 1 1 1)) {
    .light-mode {
        --scalar-color-accent: color(display-p3 0.0 0.6 1.0 / 1.0);
        --scalar-color-green: color(display-p3 0.023529 0.564706 0.380392 / 1.0);
        --scalar-color-red: color(display-p3 0.937255 0.0 0.023529 / 1.0);
        --scalar-color-yellow: color(display-p3 0.929412 0.745098 0.12549 / 1.0);
        --scalar-color-blue: color(display-p3 0.0 0.509804 0.815686 / 1.0);
        --scalar-color-orange: color(display-p3 0.984314 0.537255 0.172549 / 1.0);
        --scalar-color-purple: color(display-p3 0.321569 0.011765 0.819608 / 1.0);
    }

    .dark-mode {
        --scalar-color-accent: color(display-p3 0.243137 0.65098 1.0 / 1.0);
        --scalar-color-green: color(display-p3 0.0 0.713725 0.282353 / 1.0);
        --scalar-color-red: color(display-p3 0.862745 0.105882 0.098039 / 1.0);
        --scalar-color-yellow: color(display-p3 1.0 0.788235 0.05098 / 1.0);
        --scalar-color-blue: color(display-p3 0.305882 0.701961 0.92549 / 1.0);
        --scalar-color-orange: color(display-p3 1.0 0.552941 0.301961 / 1.0);
        --scalar-color-purple: color(display-p3 0.694118 0.568627 0.976471 / 1.0);
    }
}

/* document header */
.light-mode .t-doc__header,
.dark-mode .t-doc__header {
    --scalar-header-background-1: #00465b;
    --scalar-header-border-color: #eec216;
    --scalar-header-color-1: #fff;
    --scalar-header-color-2: rgba(255, 255, 255, .75);
    --scalar-header-background-toggle: var(--scalar-color-3);
    --scalar-header-call-to-action-color: var(--scalar-color-accent);
}


:root {
    --scalar-font: 'DM Sans', sans-serif;
    --scalar-font-code: 'DM Mono', monospace;
}

.t-doc__header .header-item-active {
    font-weight: 600;
}

.t-doc__header .header-item-active::after {
    display: none;
}

.header-item-logo {
    margin-right: 12px;
    margin-left: 8px;
}

.t-doc__header {
    border-bottom-width: 2px;
}

.header-item-link:hover {
    color: #EDC214 !important;
}