/* LIGHT  */
:root {
    --f3-text-color: #555;
    --f3-text-color-hover: #555;
    --f3-text-form-control-dark: #a0abb8;
    --f3-text-placeholder-dark: #5b646d;

    --table-border-color: #DDD;
    --table-td-details-bg: #e4ecef;
    --bg-color-link: #e4ecef;
    --bg-color-link-hover: #e4ecef;


}




/* DARK  */

html.dark {
    --f3-text-color: #C3C3C3;
    --f3-text-color-hover: #C3C3C3;
    --body-bg-color: #272c32;
    --table-border-color: #555;
    --table-td-details-bg: #25323d;

    --bg-color-link: #25323d;
    --bg-color-link-hover: #25323d;
}