:root {
    --custom-font-fam: Verdana, Arial, sans-serif;
    --focus-color: #ebd10c;
    --background-error: #eaa;
    --fontcolor-error: #222;
    --background-info: #c4dfff;
    --fontcolor-info: #222;
    --background-warn: #ffffaf;
    --fontcolor-warn: #222;

    --custom-font-color: #222;
    --custom-link-color: #004a99;
    --custom-active-color: #7a1e1e;
    --custom-visited-color: #4d1586;
    --mandatory-font-color: #b30085;

    --custom-bg-color: #eee;
    --custom-tbg-color: #fff;
    --custom-hl-color: #d6810b;

    --table-border-color: #fff;

    --btn-color: #ceb0ff;
    --btn-shadow-color: #655187;
    --btn-border-color: #442173;
    --btn-outline-color: #442173;
    --btn-hl-color: #fca9f0;
    --btn-hl-shadow-color: #ab5ba0;
    --btn-hl-border-color: #a80090;
    --btn-hl-outline-color: #a80090;
    --btn-font-size: 1.2rem;
}

@media (prefers-color-scheme: dark) {
    :root {
        --custom-font-fam: Verdana, Arial, sans-serif;
        --focus-color: #ebd10c;
        --background-error: #611;
        --fontcolor-error: #eee;
        --background-info: #124;
        --fontcolor-info: #eee;
        --background-warn: #840;
        --fontcolor-warn: #eee;

        --custom-font-color: #ddd;
        --custom-link-color: #8dc7ff;
        --custom-active-color: #ffa08e;
        --custom-visited-color: #d193ff;
        --mandatory-font-color: #ffa6d9;

        --custom-bg-color: #1b1b1b;
        --custom-tbg-color: #2a2a2a;
        --custom-hl-color: #d6810b;

        --table-border-color: #2a2a2a;

        --btn-color: #3e1a75;
        --btn-shadow-color: #5c487a;
        --btn-border-color: #7242b8;
        --btn-outline-color: #7242b8;
        --btn-hl-color: #80066a;
        --btn-hl-shadow-color: #b570aa;
        --btn-hl-border-color: #de71cd;
        --btn-hl-outline-color: #de71cd;
        --btn-font-size: 1.2rem;
    }
}