:root {
    --intro: #ffffff;
    --intro-color: #000000;
    --intro-color-focus: #e3e3e3;
}

:root[data-theme="dark"] {
    --intro: #313942;
    --intro-color: #ffffff;
    --intro-color-focus: #3a5573;
}

.introjs-tooltip {
    background: var(--intro);
    color: var(--intro-color);
}

.introjs-button:focus, .introjs-nextbutton:focus{
    background: var(--intro-color-focus);
    color: var(--intro-color);
}

.element.style, .introjs-button {
    background: var(--intro);
    color: var(--intro-color);
}

.introjs-button{
    background: var(--intro);
    /* color: var(--intro-color); */
    border-radius: 6px;
    font-weight: bold;
    color: #63999c;
}

.introjs-button:hover, .element.style:hover {
    background: #5b6b7c;
    color: var(--intro-color);
}

.introjs-tooltiptext{
    color: #63999c !important;
}