/*
Link: <//drop.logs.moe/qbit.css>; rel=stylesheet
*/

/* Adaptive color palette */

/* Default rules */
html:root {
    --mauve: hsl(267deg, 83%, 80%);
    --surface0: hsl(230deg, 19%, 26%);
    --base: hsl(232deg, 23%, 18%);
    --mantle: hsl(233deg, 23%, 15%);
    --curst: hsl(236deg, 23%, 12%);

    /* --color-accent-blue: hsl(210deg 65% 55%);
    --color-text-blue: hsl(210deg 100% 55%);
    --color-text-orange: hsl(26deg 100% 45%);
    --color-text-red: hsl(0deg 100% 65%);
    --color-text-green: hsl(110deg 94% 27%);
    --color-text-white: hsl(0deg 0% 100%);
    --color-text-disabled: hsl(0deg 0% 60%);
    --color-text-default: hsl(0deg 0% 33%);
    --color-background-blue: hsl(210deg 65% 55%);
    --color-background-popup: hsl(0deg 0% 100%);
    --color-background-default: hsl(0deg 0% 94%);
    --color-background-hover: hsl(26deg 80% 60%);
    --color-border-blue: hsl(210deg 42% 48%);
    --color-border-default: hsl(0deg 0% 85%); */

    &.dark {
        /* --color-accent-blue: hsl(210deg 42% 48%);
        --color-text-blue: hsl(210deg 88.1% 73.5%);
        --color-text-orange: hsl(26deg 65% 70%);
        --color-text-default: hsl(0deg 0% 90%); */
        --color-background-blue: var(--mauve);
        --color-background-popup: var(--curst);
        --color-background-default: var(--base);
        --color-border-default: var(--mantle);
        --color-background-hover: var(--surface0);

        input[type="text"],
        input[type="number"],
        input[type="password"],
        input[type="button"],
        button,
        select {
            background-color: var(--base);
        }
    }
}