:root {

    --col_background_1: #fbefff;
    --col_background_2: #f5e0fc;
    --col_panel: #41bd79;
    --col_panel_field: #46a871;
    --col_footer: #3a3e41;
    --col_footer_copyright: #000000;
    --col_accent: #5dc98e;

    --col_text: #000000;
    --col_text_query: #ffffff;
    --col_text_invalid: #cc0000;
    --col_text_hint: #dedede; 
    --col_text_panel: #ffffff;
    --col_text_footer: #ffffff;
    --col_text_copyright: #ffffff;

    --col_text_selection: #5dc98e;
}

@media (prefers-color-scheme: dark) {

    /*TODO: Implement blue darkmode color theme*/

}

body {
    background-color: var(--col_background_1);
    color: var(--col_text);
}

::selection {
    color: var(--col_text_panel);
    background: var(--col_text_selection);
}