[data-theme=light],
:root:not([data-theme=dark]) {
    --pico-text-selection-color: rgba(80, 140, 140, 0.25);
    --pico-primary: rgb(84, 44, 255);
    --pico-primary-background: rgb(84, 44, 255);
    --pico-primary-underline: rgba(65, 99, 99, 0.5);
    --pico-primary-hover: rgb(48, 29, 132);
    --pico-primary-hover-background: rgb(47, 22, 158);
    --pico-primary-focus: rgba(80, 140, 140, 0.5);
    --pico-primary-inverse: #fff;
    --app-logo-url: url('/img/bsl-logo-for-light.png');
}

@media only screen and (prefers-color-scheme: dark) {
    :root:not([data-theme]) {
        --pico-background-color: rgb(42, 37, 93);
        --pico-text-selection-color: rgba(159, 154, 255, 0.1875);
        --pico-primary: #7263fb;
        --pico-primary-background: rgb(84, 44, 255);
        --pico-primary-underline: rgba(159, 154, 255, 0.5);
        --pico-primary-hover: #8180ff;
        --pico-primary-hover-background: #7263fb;
        --pico-primary-focus: rgba(159, 154, 255, 0.375);
        --pico-primary-inverse: #fff;
        --app-logo-url: url('/img/bsl-logo-for-dark.png');
    }
}

[data-theme=dark] {
    --pico-background-color: rgb(42, 37, 93);
    --pico-text-selection-color: rgba(159, 154, 255, 0.1875);
    --pico-primary: #7263fb;
    --pico-primary-background: rgb(84, 44, 255);
    --pico-primary-underline: rgba(159, 154, 255, 0.5);
    --pico-primary-hover: #8180ff;
    --pico-primary-hover-background: #7263fb;
    --pico-primary-focus: rgba(159, 154, 255, 0.375);
    --pico-primary-inverse: #fff;
    --app-logo-url: url('/img/bsl-logo-for-dark.png');
}

:root {
    --app-color-invalid: #9b2318;
}

* {
    font-family: 'Montserrat', sans-serif !important;
}

.center {
    text-align: center;
}

.pt-1 {
    padding-top: 0.18rem;
}

.m-1 {
    margin-block: 1.5rem;
}

.color-inverse {
    border-top: 1px solid var(--pico-primary-focus);
}

a#logo-top>img {
    content: var(--app-logo-url);
}