@media (prefers-color-scheme: dark) {
    :root {
        --dark: #F4F4F4;
        --less-dark: #dfdfdf;
        --light:#323232;
        --yellow:#FF5E5B;
        --cyan:#00CECB;
        --magenta:#FFED66;
    }
    body {
        background-image: url('/static/img/blobdark.webp');
    }
    .border .card {
        background-color: rgba(255,255,255,0.1);
    }
    a.btn.secondary, button.btn.secondary, .btn.secondary {
        background-color: rgba(255,255,255,0.05);
    }
    .line::after {
        background-color: #214949;
    }
    a.line::before {
        background-color: #3d2426;
    }
    input {
        color: var(--light);
    }
}